DotTreeViz

A simple web app for rendering multiple GraphViz graphs at once. The graph elements can also contain custom attributes, which will be listed when clicked.

Open the Web app!

The input format is dot, but multiple graphs can be concatinated. Using the _subgraph attribute, a hirerarchy of graphs is made.

digraph graph0 {
  a [label="See Subgraph" _subgraph=graph1];
}
digraph graph1 {
 node[shape=box];
 x [label="X"];
 x -> x[label="loop"];
}

Dependencies

To install all dependencies, use

npm install

Developing

Start a development server and open the app in your browser using:

npm run dev -- --open

Building

Create a production version using:

npm run build

You can preview the production build with npm run preview.