I created this tool to visualize some of the algorithms I've been learning in my classes.
Most of these visualizations are inspired by those found at csvistool.com.
I tried to make the UX here as convenient as possible, but I'd love to hear your design input;
I'm not a front-end person, so I'm doing my best :).
All visualization pages have the same layout. The navigation bar can be used to access any of the visualizations.
Click the clock icon 🕓 next to the visualization title to see the related Big-O data.
Use the SpaceBar in combination with Shift and the ArrowKeys to pause and step through the various animations.
Press Ctrl-Z to undo the most recent input.
This is something I wanted to make to learn more about these datastructures and algorithms while
also learning how to use the ReactJS framework.
Check out some of my other projects at muditgupta.appspot.com
This tool is still under construction. As such, I would love any feedback on how I can improve this tool.
Feel free to suggest any new features or request entire new visualizations.
These are all on my list, I'm getting to them as soon as I finish things by order of importance to the tool.
- Complete the basic visualizations of each datastructure/algorithms
- Add examples with automatic animation
- Implement checkbox for tail-pointer use on
LinkedLists - Refactor
Visualizercomponents/sub-class components to use React functional components and hooks
Hooks and functional components are React's suggested method of development.
If you're here from my personal website, congratulations, I finally updated the project's section.