d3-graphviz

I'd be curious what you're working on, or if you have any links that are shareable. This is a truly hard thing to do. I sometimes use visualization plugins in IDEs, or hand roll visualizations. For example, spit out an HTML page that basically lays out up some textarea columns with sample data between code. But it's usually really, really ad hoc. And of course, very company confidential so I can't share much... I'm also curious about using something like this d3-graphiz project to, say, animate a sequence diagram: https://github.com/magjac/d3-graphviz - just haven't gotten around to it yet (the demo seems like it could be handy: https://bl.ocks.org/magjac/4acffdb3afbc4f71b448a210b5060bca)

I was thinking that a d3 implementation would help with this, except for the 90 degree, and found a project [0]. It’s not a force directed graph, but does seem to me to look better. And since the output is javascript it can be styled and formatted as you like it. [0] https://github.com/magjac/d3-graphviz

I'm the author of d3-graphviz so you probably shouldn't believe a word I say ;-) d3-graphviz is based on the Viz.js port of Graphviz and does animated transitions between graphs. See e.g. this demo: https://bl.ocks.org/magjac/4acffdb3afbc4f71b448a210b5060bca Since d3-graphviz is based on Viz.js it can can do everything that Viz.js can do. Also, it adds the following features: Animated transition of one graph into another Edge path tweening Node shape tweening Fade-in and fade-out of entering and exiting nodes and edges Animated growth of entering edges Panning & zooming of the generated graph Extensive docs at: https://github.com/magjac/d3-graphviz Any feedback is welcome.

I found this project to be easy to use, it produces SVG output with d3: https://github.com/magjac/d3-graphviz