Speakers
Description
🧠 What is DSA Visualizer?
DSA Visualizer is an open-source, interactive web platform that brings Data Structures and Algorithms (DSA) to life through real-time visualizations, code execution tracking, and memory simulation. Built at IIIT Kottayam by the student-led Openverse club, it aims to make algorithm learning intuitive, engaging, and fully accessible to all learners.
🎯 What Makes It Special?
This is more than a visualizer. It is a comprehensive DSA learning environment, featuring:
- Step-by-step animated visualizations for:
- Linked Lists, Stacks, Queues
- Trees, Sorting, Pathfinding (Dijkstra, A*)
-
Hash Tables, Recursion, Graphs, Search, and Greedy Algorithms
-
Interactive quizzes across all major topics to test conceptual understanding
- Code execution tracking synced with C language logic
- Memory visualization with address-level pointer simulation
- Practice zone with:
- IIITK-specific PYQs and DSA121 practice sets
-
Topic-wise curated LeetCode problems, neatly sorted for guided progression
-
Live search functionality across visualizers and problem banks
- Responsive UI for desktop, tablet, and mobile use
💡 Who is it for?
- Students seeking clarity in abstract DSA concepts
- Educators wanting interactive tools for classroom demonstrations
- Self-learners preparing for technical interviews
- Open-source contributors passionate about accessible education
⚙️ Technical Stack
| Category | Tools & Libraries |
|---|---|
| Frontend | React 19, Vite 6 |
| Animations | Framer Motion |
| Code Display | Monaco Editor, React Syntax Highlighter |
| Design System | Custom dark-mode UI |
| Backend (Future) | flask, local storage |
| Hosting | IIITK self Hosted (soon) |
Code logic is primarily implemented in C, in sync with IIITK’s DSA121 course.
🧪 Additional Highlights
- Quizzes dynamically scored and stored
- Roadmap-based design for expanding to advanced topics
- Contribution-friendly architecture for easy new algorithm integration
- Sorted practice bank and visual-first approach make it ideal for flipped classrooms
🔓 Open Philosophy
This project is built with the belief that CS education should be visual, interactive, and open to all. DSA Visualizer is being developed as a free educational resource — made at IIITK, by IIITK, for everyone. We invite educators, developers, and students worldwide to contribute, adapt, and expand the platform.
Live Demo: https://visualalgo-ov.web.app
Github Repo: https://Openverse-iiitk/DSA-Website
Made with 💚 by Openverse, IIIT Kottayam
Session author's bio
I'm Manvith, an undergrad at IIIT Kottayam and the founder of Openverse, the institute’s open-source club. I enjoy building tools that make complex ideas easier to understand, especially in computer science. My focus is on creating things that are useful, well-designed, and open for everyone to explore.
One of my main projects is a full DSA learning platform built at IIITK. It combines animations, practice problems, and quizzes to help students learn algorithms in a more visual and interactive way. I’ve also contributed to open-source events like Hacktoberfest and taken part in mentorship programs that focus on peer learning.
I’m curious about systems programming, security, AI, and building developer tools that quietly solve hard problems. Most of what I work on starts from a simple idea: if something can be made clearer or better for others, it’s worth building. I prefer creating over just talking.
Co-author bio:
Prajwal is an undergrad at IIIT Kottayam and a core member of Openverse, the institute’s open-source club. He's deeply interested in Web 3.0 and the future of the internet—especially how decentralized, intelligent, and user-driven platforms can reshape how we interact online.
As a web developer, he enjoys building interfaces and systems that feel intuitive and forward-thinking. He's been one of the key developers behind our DSA learning platform, handling much of the frontend architecture and design thinking that makes the experience feel smooth and interactive.
Prajwal brings a strong sense of design, structure, and functionality into every project. Beyond just writing code, he thinks deeply about how users engage with tools and how the web can evolve to become more open, intelligent, and human-centered. Through Openverse, he’s been actively contributing to projects that align with these values and push the boundaries of what educational tech can be.
Special accommodations
Just a arrangement to present a website through a projector/screen preferably
Any other info we should know?
this platform (website) makes learning Data Structures and Algorithms more intuitive through live visualizations, quizzes, and hands-on coding practice.
The audience will experience how even the most abstract DSA topics can become engaging and clear with the right visual and interactive approach. The talk will be fast-paced and audience-engaging, with short live challenges and demonstrations. It’s ideal for developers, students, educators, or anyone passionate about learning and building open tools that make a difference.
| Level of Difficulty | Beginner |
|---|---|
| In Person Attendance | In-person |
| Agree to Privacy Policy and Notice | I agree |
| Please confirm that there are included headshots of all speakers in their profiles | Yes |
| Social Media | twitter: X_Manvith |