mdaines/viz-js
Viz Js
viz-js is a JavaScript rendering library and graph visualization engine that converts Graphviz DOT language descriptions into visual diagrams. It functions as a Graphviz rendering library designed to produce SVG output for web applications.
The project utilizes a WebAssembly port of the Graphviz C library to execute layout engines directly in the browser. To maintain interface responsiveness, it processes computationally expensive layout calculations within background worker threads and uses a standardized JSON format for layout serialization.
The library provides tools for dynamic graph visualization and web-based diagramming, enabling the generation of network diagrams and flowcharts from structured text. It also includes a DOT language parser and supports syntax highlighting for scripts written in the DOT language.
Features
- Graphviz-Based Graph Renderers - Converts Graphviz DOT language descriptions into interactive SVG diagrams directly in web pages without server-side processing.
- Browser-Based Diagramming Tools - Renders network diagrams and flowcharts from structured text within web browser environments.
- WebAssembly Ports - Runs the native Graphviz C library compiled to WebAssembly for browser-based graph layout computation.
- Graphviz Layout Engines - Executes Graphviz layout engines directly in the browser via WebAssembly for serverless graph rendering.
- SVG Diagramming Libraries - Produces SVG output from DOT language input for embedding diagrams in web applications.
- DOT Language Parsers - Parses Graphviz DOT language scripts and provides syntax highlighting for graph definitions.
- DOT - Parses Graphviz DOT language scripts and provides syntax highlighting for graph definitions.
- Graph SVG DOM Generators - Generates SVG elements directly in the browser DOM from computed graph layout data.
- Live SVG DOM Renderers - Returns rendered diagrams as live SVG DOM elements for direct insertion into web pages.
- JavaScript Object Graph Renderers - Ships a rendering pipeline that accepts graph definitions as JavaScript objects instead of DOT syntax.
- Graph String Output Renderers - Returns rendered diagrams as plain text strings in the requested output format.
- Graph JSON Serializers - Outputs graph layout data as structured JSON objects for use in other programs or scripts.
- Graph Layout Configurators - Allows configuration of layout engine, output format, and default attributes for graph elements before rendering.
- Graph Render Configurators - Configures layout engine, output format, y-coordinate inversion, graph reduction, and default attributes for rendering.
- JavaScript Object Graph Definitions - Provides a JavaScript object API for defining graph structures as an alternative to DOT syntax.
- Multi-Format Output Renderers - Produces the same graph in multiple output formats from a single rendering call.
- Graph JSON Output Renderers - Returns rendered graph diagrams as structured JSON objects for programmatic access.
- JavaScript Object Graph Definitions - Provides a programmatic JavaScript object API for constructing graph definitions without writing DOT syntax.
Star history
How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.
