Tessera Viz
PX-02
Capabilities
Draw, compute, integrate, ship.
Twenty-six algorithms, fourteen layouts, seven themes, nine plugins, seventy-seven chart renderers and six fraud detectors — with the domain packs and the assurance a procurement review will ask about.
Verified by running the feature harness through all eighteen of its sections in a real browser.
Draw
The surface
Ten node shapes, registerable
Circle, rectangle, rounded, probable, diamond, pentagon, hexagon, octagon, star and tag — and registerShape lets you add your own without forking.
Seven themes
Neon, cyber, min, light, solar, monochrome and vellum, swapped at runtime on a live graph with no re-layout, and prefers-color-scheme respected.
Decorators
Size by degree, colour by hash, halos, label weight — composable, so several data channels drive appearance at once without render code.
Charts
Seventy-seven renderers in the same package, sharing the graph engine's themes and export path. They have their own tab.
Compute
26 algorithms
Centrality
PageRank, personalized PageRank, betweenness and eigenvector.
Community and pathfinding
Louvain, label propagation, connected components, Tarjan SCC, Dijkstra, A* search and Floyd–Warshall all-pairs.
Trees, flow and similarity
Prim and Kruskal minimum spanning trees, Ford–Fulkerson max-flow and min-cut, k-nearest neighbours and spectral clustering.
Machine learning and LLM
K-means, logistic regression, hierarchical clustering, linear SVM, KNN classifier, random forest, a neural-net forward pass, an unrolled RNN and attention Q·K·V — the row no graph library ships.
Fourteen layouts
Force, circular, grid, hierarchical (Sugiyama), concentric, random, radial tree and dendrogram, plus cola, fCoSE, balloon — and metabolic pathway and kinship tree, which nobody else ships natively. All free.
WebGPU force layout
WGSL compute shaders for the force simulation — the first in this category to ship them.
Integrate
Your stack
Adapters
React, Vue, Svelte, Angular, Web Component and Node, plus a mobile WebView bridge for React Native and Capacitor.
Nine first-party plugins
Annotations, bookmarks, minimap, FPS meter, stats HUD, theme toggle, history, snapshot and touch gestures — with a typed plugin API for your own.
Events
Hover, click, drag and onPick hit-testing as real engine events.
Five locales
English, Spanish, German, French and Japanese with ICU-lite plurals, in an i18n primitive under 2 kB.
Ship
Getting it out
Import
Mermaid, DOT, GraphML and JSON, with auto-detection. Import only for GraphML — the formats package ships parsers, not writers.
Export
SVG and PNG, JSON to clipboard, vector and paginated A3/A4 PDF, and PowerPoint — all with zero dependencies.
Headless rendering
SVG and PNG from Node with no browser, for reports, emails and server-side pipelines.
Sandbox
JSON on the left, live render on the right, with format, reset and copy. The fastest way to find out whether it fits.
Seventy-seven renderers, in the same package as the graph engine and behind the same themes and the same SVG, PNG and JSON export path — so a dashboard built from these matches a graph built beside it. Every chart is a pure renderChart(doc) call returning SVG with no DOM involved, which is why the same code runs server-side in the headless package.
Comparison
Ranking things
Bars
Bar, grouped, stacked, divergent, butterfly and chevron.
Ranked pairs
Dot plot, dumbbell and pyramid.
Composition by area
Marimekko and mosaic.
Counting
Waffle and pictogram, for when the unit matters more than the axis.
Trend
Over time
Lines
Line, multi-series, smoothed, connected scatter and sparkline.
Areas
Area, stacked area and streamgraph.
Rank and change
Bump, slope and cycle plots.
Uncertainty
Fan forecast cones and range bands, so a projection looks like a projection.
Part-to-whole and distribution
Shape
Part to whole
Pie, donut, semi-donut, sunburst, treemap, icicle and bubble pack.
Distribution
Histogram, boxplot, violin, beeswarm and KDE density.
Spread
Ridge plots, percentile bands, error bars and Q–Q.
Correlation and flow
Relationships
Correlation
Scatter with bubble sizing, hexbin, heatmap, matrix with values, contour, quadrant (BCG), parallel coordinates and ternary.
Flow
Sankey, alluvial, chord, arc, hive, dendrogram, funnel, waterfall and tournament brackets.
Polar, KPI and time
Dashboards
Polar
Radar, polar area (Nightingale), rose, radial bar and spiral.
Status
KPI cards with a hero number, delta and sparkline, KPI grids, gauges, bullets and progress rings.
Calendar
GitHub-style activity heatmaps, Gantt timelines with lanes, and punch cards.
Finance, geo and meta
Specialist
Finance
Candlestick, OHLC and renko.
Geo and field
Choropleth and vector field.
Meta
Small multiples, combo charts with a second axis, and wordclouds.
Conventions a specialist team would otherwise build for themselves, shipped as packs on the paid tiers.
Finance
6 detectors
Money mule and structuring
Community-bridge accounts and smurfing patterns found across the transaction graph.
Velocity and layering
Rapid-splice movement and cycle detection, which is what layering looks like once it is drawn.
Beneficiary-chain trace
Follow the money to where it settles, and show an investigator the same picture you used.
AML aggregate score
One score over the detectors — with an honest no-evidence state, so a clean dataset reads as clean.
Network and security
Conventions
IP and CIDR
Addresses and ranges understood as first-class values rather than strings that happen to have dots in them.
CVSS severity
Severity encoded in appearance using the scale the team already argues in.
Threat-intel conventions
The notation an analyst expects, so the picture needs no legend.
AI and DevTools
MCP and LLM integration, plus a Chrome DevTools extension for inspecting a live graph in the page.
The things a procurement review and a staff engineer ask about, in one place.
Engine
Under the hood
Rust compiled to WebAssembly
The computational core, so algorithms and layout do not fight the main thread for the browser's attention.
Renderer auto-routing
SVG, Canvas and WebGL chosen by workload rather than configured, with the WebGL path carrying 500k nodes.
WebGPU compute
WGSL shaders for force layout where the hardware offers them, falling back cleanly where it does not.
49 kB gzipped
The core bundle, with a CI size guard that fails the build rather than letting it creep.
Assurance
Procurement
172 tests, 15 visual baselines
Rendering regressions are caught by comparing pictures, which is the only thing that works for a drawing library.
CycloneDX 1.5 SBOM
Generated by a single npm script, so a supply-chain review has something to read.
Ed25519-signed licensing
Paid tiers are unlocked by a signed entitlement, verified locally.
WCAG 2.1 AA self-assessment
Complete and audit-ready. Third-party certification is deliberately not claimed, because it has not been done.