mdaines/viz-js

Graphviz in your browser

JavaScript

4,351

684 commits

updated Sep 28, 2026

viz-js.com

See the code

README

Viz.js

This is a collection of packages for working with Graphviz in JavaScript.

To render a graph as an SVG string:

import { dot2svg } from "@viz-js/dot2svg";

const svg = await dot2svg("digraph { a -> b }");

Packages:

viz — WebAssembly build of Graphviz and JavaScript wrapper.
dot2svg — Simplified interface for the viz package.
lang-dot — CodeMirror language support for the Graphviz DOT language.

Install

viz is published on NPM as @viz-js/viz.
dot2svg is published on NPM as @viz-js/dot2svg.
lang-dot is published on NPM as @viz-js/lang-dot.

API

API Reference

dot

emscripten

graphviz

javascript

Project health

Maven

org.mvnpm.at.viz-js:viz

Latest release

3.31.0 · Sep 30, 2026

Releases this year

Significant stargazers

(top 24 of 62)

Kevin Moore

2,432 followers · starred Jul 2014

Kyle Kelley

1,558 followers · starred Jul 2017

Cheng Lou

9,748 followers · starred Feb 2017

Renée

499 followers · starred Apr 2024

Similar repos

magjac/d3-graphviz

Graphviz DOT rendering and animated transitions using D3

1,815

redotjs/redot

Graphviz dot file processor powered by plugins based on @unifiedjs

antvis/X6

🚀 JavaScript diagramming library that uses SVG and HTML for rendering.

6,725

goccy/go-graphviz

Go bindings for Graphviz

833

NorthwoodsSoftware/GoJS

JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning…

8,489

dagrejs/dagre

Directed graph layout for JavaScript

5,824

Bogdan-Lyashenko/js-code-to-svg-flowchart

js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart.…

7,109

tintinweb/vscode-interactive-graphviz

Interactive Graphviz Dot Preview for Visual Studio Code

207