GitHub - mdaines/viz-js: Graphviz in your browser (original) (raw)

Skip to content

Navigation Menu

• • GitHub Copilot Write better code with AI
  • Security Find and fix vulnerabilities
  • Actions Automate any workflow
  • Codespaces Instant dev environments
  • Issues Plan and track work
  • Code Review Manage code changes
  • Discussions Collaborate outside of code
  • Code Search Find more, search less
• Explore
  • Learning Pathways
  • White papers, Ebooks, Webinars
  • Customer Stories
  • Partners
• • GitHub Sponsors Fund open source developers
  • The ReadME Project GitHub community articles
• • Enterprise platform AI-powered developer platform
• Pricing

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Sign up

Viz.js

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 diagram as an SVG element to display it 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.

Install

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

API

API Reference