News for hackers. Stuff that matters.

A comment on Show HN: Visualize Data Structures in VS Code. Parent comment

Re:Show HN: Visualize Data Structures in VS Code by sterlind on Friday August 28, 2020 @07:06PM (#24311415)
I built one of these things when working on a very complex graph algorithm a few years ago. It took a month, but without it I wouldn't have been able to spot my bug. I am glad this exists and is general.

The reason this one feels distracting to me is the animation, and the use of force-directed graph layout. Graph layout is hard but I hope they can implement Sugiyama or something instead.

Instead of animation, they could do something like showing deleted nodes in red and new nodes in green, a bit like online chess.

Maybe I'll send a PR their way..

[ Parent | on HN ]
Re:Show HN: Visualize Data Structures in VS Code by Gehinnn on Friday August 28, 2020 @07:21PM (#24311538)
I just used Vis.js for graph visualization without much tweaking. There is also a graphviz visualizer that is not optimized for being stable [1] vs [2]. I would gladly accept any improvements here! Please reach out if I can help you.

Implementing custom visualizations is super easy! See [3] for a very simple example. If you implement a visualization there, it will be available for all people that use the visualization framework (e.g. extensions for other IDEs), not only this extension.

[1] https://hediet.github.io/visualization/?darkTheme=1&state=XQ...

[2] https://hediet.github.io/visualization/?darkTheme=1&state=XQ...

[3] https://github.com/hediet/visualization/blob/33de54d69624e1d...

[ Parent | on HN ]