Tessera Viz
PX-02
North Star
Five stages, and you only decide the ends.
Ingest, validate, compute, render, deliver. The middle picks itself — the library chooses the renderer for the workload, so a hundred nodes stay crisp and half a million stay interactive without anyone configuring it.
Five stages from whatever you have to whatever you need to hand somebody. The only decision the consumer makes is at the ends — the middle picks itself.
01
Ingest
Mermaid · DOT · GraphML · JSON · LLM stream
An auto-detect adapter picks the parser. Mermaid matters more than it looks: it is the syntax language models emit naturally, so a model's diagram becomes a real, interactive graph.
02
Validate
Structured diagnostics with codes
Duplicate ids, orphan edges pointing at nothing, NaN weights — each with a code and a plain-English explanation. It is a public API, so it runs in your pipeline and not only in the demo.
03
Compute
Rust/WASM · 26 algorithms · 14 layouts
Centrality, communities, paths, machine-learning models and layout all run in WebAssembly, with a WebGPU compute backend for force layout on hardware that supports it.
04
Render
SVG · Canvas · WebGL, auto-routed
The library picks: SVG when small and crisp matters, Canvas in the middle, WebGL up to half a million nodes. Themes and decorators swap at runtime with no re-layout.
05
Deliver
PDF · PPTX · SVG · PNG · headless
Export with no dependencies at all — the PowerPoint writer is a hand-rolled OOXML encoder — plus server-side SVG and PNG from Node with no browser involved.
Playback
Algorithm steps are frame-deterministic: the same graph and the same seed produce the same animation every time. That is what makes playback usable for teaching and for regression testing, rather than only for a demo reel.
Apache-2.0 core
The engine, all three renderers, every framework binding, the admin UI, the headless renderer and the map tiles are free and open source. Paid tiers sit on top, and each is a strict superset of the one below — so nothing is taken away from you for starting free.
What the layering buys you
One decision fewer
Renderer auto-routing means nobody has to know in advance whether this graph is a Canvas graph. The library measures the workload and picks.
Playback you can test against
Algorithm steps are frame-deterministic, so the same graph and seed give the same animation every time — usable for teaching and for regression baselines, not only for demos.
A model's diagram, rendered properly
Mermaid is the syntax language models emit naturally, so importing it is the path from asking for a diagram to having a real, interactive graph.
Nothing to install for a report
The headless package renders SVG and PNG from Node with no browser, so the same code that draws in the page draws in a scheduled job.
The specification.
Core
Rust/WASM · 49 kB gzipped, CI-enforced
Renderers
SVG · Canvas · WebGL, auto-routed
Scale
500k nodes on WebGL, in the free tier
Analytics
26 algorithms · frame-deterministic playback
Layouts
14, including metabolic pathway and kinship tree
Charts
77 renderers, one theme system with the graphs
Frameworks
React · Vue · Svelte · Angular · Web Component · Node
Import
Mermaid · DOT · GraphML · JSON, auto-detected
Export
SVG · PNG · JSON · vector PDF · PPTX
Licence
Apache-2.0 core