This is a collection of packages for working with Graphviz in JavaScript. The main package, viz, is a WebAssembly build of Graphviz with a simple JavaScript wrapper.
With Viz.js, you can easily render a graph written in Graphviz's DOT language and display it as an SVG element in a webpage:
import { instance } from "@viz-js/viz";
instance().then(viz => {
document.body.appendChild(viz.renderSVGElement("digraph { a -> b }"))
});Other packages:
- lang-dot — CodeMirror language support for the Graphviz DOT language.
- website — Try out Graphviz and Viz.js. Render a graph visualization in your browser.
- examples/parcel — Example of using Viz.js with the Parcel bundler.
- examples/script-tag — Example of using the UMD build of Viz.js.
- Viz.js is published on NPM as
@viz-js/viz.
See the wiki.