3 ms·
I created this SVG-based graph layout GUI [1] for our learning media website LunchBox Sessions [2]. The graph lets us visually express the prerequisites of each
by spiralganglion 7y ago
I created this SVG-based graph layout GUI [1] for our learning media website LunchBox Sessions [2]. The graph lets us visually express the prerequisites of each session. Using SVG meant I could do some fun animations to hide the load time when opening a session.
[1] https://lunchboxsessions.com/explore/hydraulics https://lunchboxsessions.com/explore/hydraulics
[2] https://lunchboxsessions.com https://lunchboxsessions.com
- theossuary 7y agoThat's pretty spiffy! How'd you do the layout? I was looking at elkjs [1] and the Klay layout algorithm to do something similar. [1]: https://github.com/OpenKieler/elkjs https://github.com/OpenKieler/elkjs
- spiralganglion 7y agoThanks! It's manually laid out using a drag-and-drop editor. I've never met an automatic graph layout algorithm I liked the aesthetic of.