3 ms·

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

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..

Gehinnn 6y ago
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=XQAAAAJSAgAAAAAAAABBKQlHM6T2Wc3LEDSCeIALvKHAdfb_AsEB0UuwlAICjcyIaLZBmzAxm_NzCxZ6QMDa_jkChjBcva-xSRfHXjXAomU6yB7nS9BW7YdivJGAIbv6YxYOMmssQU1i7Ghx8JpCJmf90aZhJ91Z6KjZSH2jBvn7Uy3y6rWWKlwY-J76HiOXIdzhF-MhLIb-P0u31qmYD4hWiO09xA3yKIL0P__HSUFA https://hediet.github.io/visualization/?darkTheme=1&state=XQ... [2] https://hediet.github.io/visualization/?darkTheme=1&state=XQAAAAJQAgAAAAAAAABBKQlHM6T2Wc3LEDSCeIALvKHAdfb_AsEB0UuwlAICjcyIaLZBmzAxm_NzCxZ6QMDa_jkChjBcva-xSRfHXjXAomU6yB7nS9BW7YdivJGAIbv6YxYOMmssQU1i7Ghx8JpCJmf90aZhJ91Z6KjZSH2jBvn7Uy3y6rWWKlwY-J76HiOXIdzhF-MhLIb-P0u31qmYD3qluX3aaJdlK0Ft5ox_-5b5undefinedg https://hediet.github.io/visualization/?darkTheme=1&state=XQ... [3] https://github.com/hediet/visualization/blob/33de54d69624e1d12aaa12def1cb8d57a1f7d3d0/visualization-bundle/src/visualizers/simple-text-visualizer/index.tsx https://github.com/hediet/visualization/blob/33de54d69624e1d...

Gehinnn 6y ago

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=XQAAAAJSAgAAAAAAAABBKQlHM6T2Wc3LEDSCeIALvKHAdfb_AsEB0UuwlAICjcyIaLZBmzAxm_NzCxZ6QMDa_jkChjBcva-xSRfHXjXAomU6yB7nS9BW7YdivJGAIbv6YxYOMmssQU1i7Ghx8JpCJmf90aZhJ91Z6KjZSH2jBvn7Uy3y6rWWKlwY-J76HiOXIdzhF-MhLIb-P0u31qmYD4hWiO09xA3yKIL0P__HSUFA https://hediet.github.io/visualization/?darkTheme=1&state=XQ... [2] https://hediet.github.io/visualization/?darkTheme=1&state=XQAAAAJQAgAAAAAAAABBKQlHM6T2Wc3LEDSCeIALvKHAdfb_AsEB0UuwlAICjcyIaLZBmzAxm_NzCxZ6QMDa_jkChjBcva-xSRfHXjXAomU6yB7nS9BW7YdivJGAIbv6YxYOMmssQU1i7Ghx8JpCJmf90aZhJ91Z6KjZSH2jBvn7Uy3y6rWWKlwY-J76HiOXIdzhF-MhLIb-P0u31qmYD3qluX3aaJdlK0Ft5ox_-5b5undefinedg https://hediet.github.io/visualization/?darkTheme=1&state=XQ... [3] https://github.com/hediet/visualization/blob/33de54d69624e1d12aaa12def1cb8d57a1f7d3d0/visualization-bundle/src/visualizers/simple-text-visualizer/index.tsx https://github.com/hediet/visualization/blob/33de54d69624e1d...