An easy way to create algorithm visualizationsPosted by Daniel Moisset 2 years, 6 months ago Comments
We have released an initial version of TheWalnut.io, a web application which allows creating and sharing algorithm visualizations. We are going beyond just making a gallery of nice algorithm visualizations, to building the place where people can learn, talk and communicate visually about their code. There are many interesting features (and bug fixes) in our roadmap, but we wanted to release so you can already see what we are on.
As an example, let’s take quicksort. There is a sorting world that defines that the state is a list of numbers, and that a program can see them and do swaps on them, with the goal of getting them in order. You can then add many programs that can play in that world (any swap-based sorting algorithm like Quicksort or Shellsort). You can define scenarios with initial data (to show average and worst cases, or different array sizes). The visualization then can map that information to a display: maybe just moving bars, or the call stack for a recursive algorithm like quicksort, or a plot of the widths of the swaps over time:
If you visit our Explore section you will be able to see as a starting point a few examples that were built by the developer team. But our vision is to have you create your own and share them. Learning algorithms only with code is hard! Crack the nut and let everyone see what’s inside! Join the Walnut revolution!