3 ms·
I like it! Something I've been thinking about recently is using ES6 proxies to visualize algorithms like this. Lay out the arrays and objects as blocks on a can
by chatmasta 8y ago
I like it! Something I've been thinking about recently is using ES6 proxies to visualize algorithms like this. Lay out the arrays and objects as blocks on a canvas, and highlight the blocks as the algorithm reads / writes to the corresponding slots of the arrays / objects.
- pjmlp 8y agoThis kind of visualizations? https://visualgo.net/en https://visualgo.net/en https://www.cs.usfca.edu/~galles/visualization/Algorithms.html https://www.cs.usfca.edu/~galles/visualization/Algorithms.ht...
- jcmoscon 8y agohttps://visualgo.net/en https://visualgo.net/en is super cool! Thanks for posting it
- westoncb 8y agoHehe—I'm working on something very similar (video): http://symbolflux.com/projects/avd http://symbolflux.com/projects/avd —check out the colored sorting algorithm toward the end of the video. And I'm a good bit into the javascript client which even uses proxies :) https://github.com/westoncb/JS-Watcher https://github.com/westoncb/JS-Watcher (Mostly I've been using a Java client which is much more advanced, but I had an idea to do a visualized sandbox for a 'code tutor' kind of app in javascript/Electron, so I started the js client.) Edit: I should also point out that it's meant to easily hook up to any algorithm you write, so it's as much for debugging as instructional algorithm visualization.