https://github.com/mdaines/viz-js

Graphviz in your browser
https://github.com/mdaines/viz-js

dot emscripten graphviz javascript

Last synced: 3 days ago
JSON representation

Graphviz in your browser

• Host: GitHub
• URL: https://github.com/mdaines/viz-js
• Owner: mdaines
• License: mit
• Created: 2012-08-24T15:19:20.000Z (over 12 years ago)
• Default Branch: v3
• Last Pushed: 2024-09-27T15:13:54.000Z (3 months ago)
• Last Synced: 2024-10-29T15:04:52.286Z (about 1 month ago)
• Topics: dot, emscripten, graphviz, javascript
• Language: JavaScript
• Homepage: https://viz-js.com/
• Size: 13.4 MB
• Stars: 4,083
• Watchers: 117
• Forks: 352
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-starred - mdaines/viz-js - Graphviz in your browser (javascript)
• awesome-technostructure - mdaines/viz-js - js: Graphviz in your brows ([🪄 ui-front-end](https://github.com/stars/ketsapiwiq/lists/magic-wand-ui-front-end))
• awesome-technostructure - mdaines/viz-js - js: Graphviz in your brows ([🪄 ui-front-end](https://github.com/stars/ketsapiwiq/lists/magic-wand-ui-front-end))

README

        
# Viz.js

This is a collection of packages for working with Graphviz in JavaScript. The main package, [viz](./packages/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:

```js

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

instance().then(viz => {

  document.body.appendChild(viz.renderSVGElement("digraph { a -> b }"))

});

```

Other packages:

- [lang-dot](./packages/lang-dot) — CodeMirror language support for the Graphviz DOT language.

- [website](./packages/website) — Try out Graphviz and Viz.js. Render a graph visualization in your browser.

- [examples/parcel](./packages/examples/parcel) — Example of using Viz.js with the Parcel bundler.

- [examples/script-tag](./packages/examples/script-tag) — Example of using the UMD build of Viz.js.

## Install

- Viz.js is published on NPM as [`@viz-js/viz`](https://www.npmjs.com/package/@viz-js/viz).

- lang-dot is published on NPM as [`@viz-js/lang-dot`](https://www.npmjs.com/package/@viz-js/lang-dot).

## API

[API Reference](https://viz-js.com/api/)