#2 · Primary category: Graph & Network Visualization

d3-graphviz

animated-transitions d3 d3-module d3v4 dot graph-layout graphviz graphviz-dot javascript

Graphviz DOT rendering and animated transitions using D3

Project last updated:02/08/25

GitHub Stars

1.8K

Forks

106

Contributors

14

License

BSD-3-Clause

Why we included this project

d3-graphviz brings Graphviz's DOT layout engine into the browser as WebAssembly, so you can describe a graph in DOT and get an SVG rendered directly on the page without standing up a server-side Graphviz install. The interesting part is what happens when the graph changes: nodes and edges tween between states, with path and shape morphing plus fade-in/fade-out, which suits dashboards and tools that show evolving relationships like dependency graphs or data-flow views. Panning and zooming come built in. If you already work with D3, the API will feel familiar, since rendering goes through standard D3 selections and method chaining.

Articles for this project

No articles for this project yet.

To suggest a topic or contribute an article, contact us.

Related projects in this category