Skip to content

Tessera Viz

PX-02

Gallery

See how your data connects.

Maps, networks, timelines, charts and grids from plain JSON, sharing one selection and one time window. Every picture on this page is drawn by Tessera Viz in your browser — no server, and all the data is made up.

01

Investigate

07

5

surfaces, one selection

0

runtime dependencies

81

chart types

26

graph algorithms

19

graph layouts

A fraud case on a map and a timeline — linked.

Hover a point on the timeline for its details; click it to find it on the map. Shift-drag on the timeline to pick a time window and the map follows. Switch the same case to a network in one click. Alt-drag on the map to draw a circle.

Loading the demo…

Loading the demo…

Impossible travel

Card C · Bengaluru → Chennai

290 km in 10 min

≈ 1,741 km/h · 28 Sept, 10:00 am → 28 Sept, 10:10 am

Time window

The whole case

Selected

Nothing yet — click a marker or a timeline event

A made-up case: real city positions, invented accounts, amounts and times. The world map is built in — no tile server.

02

Graph

07

Networks, flat or in depth.

2D: a made-up mule network — six rings of accounts, each tied to a shared device and a cash-out ATM; change the layout. 3D: a data platform of 696 objects across eight tools, orbiting — click a node to hold it and its links.

Hover a node · drag to pan · scroll to zoom

Loading the demo…

Mumbai ring
Pune ring
Delhi ring
Chennai ring
Kolkata ring
Bengaluru ring

03

Algorithms

07

26 algorithms you can watch think.

Pick one. It plays step by step on its own example. Pause it, step it, or drag the bar to any point.

Loading…

 

 

Loading the demo…

04

Charts

07

81 chart types. One JSON shape.

The 26 free kinds draw live; the 55 Pro kinds are pictures drawn by Tessera Viz Pro, marked Pro. Filter by the question you want to answer. Click any chart to see it large, next to the complete JSON that draws it.

Loading the demo…

05

Grid

07

2,000 transactions. Everything an analyst needs.

Search everything, filter from any column menu, sort, pin, resize and select. Open a row with › for its story. A trend line in every row. Totals update as you filter.

0 selected

Loading the demo…

06

Pro

07

A look at the paid tiers.

Orthogonal edge routing, graph diff, series-parallel layout, row grouping and pivot — all in Pro — shown by their results on the same free viewers you have seen above.

Note

The Pro results here were computed ahead of time by Tessera Viz Pro and are drawn by the free viewers. This page carries only the results — the paid code is not in it. Talk to us for a live trial.

Orthogonal edge routing · the same system diagram

Pro

Straight · Free

Loading the demo…

Routed · Pro

Loading the demo…

Graph diff · ownership, last quarter vs this

Pro

Loading the demo…

Series-parallel layout · payment approval

Pro

Loading the demo…

Row grouping · region › channel, with sums

Pro

Loading the demo…

Pivot · spend by region and quarter

Pro

Loading the demo…

made-up amounts · ₹ lakhclick ▸ in the grouping to open a region

07

By use case

07

More of what it does, by discipline.

31 OF 31

Surface

Discipline

Linked

· Financial crime

· Cyber security

· Intelligence

One dataset, five views, linked

Select an account in the graph and the timeline shows its transfers, the map shows its counterparties and the grid scrolls to its rows. One selection model across four surfaces, with no synchronising code in between.

Graph

· Financial crime

Community detection over a payments network

Louvain over the transfer graph, with the community driving colour. A structuring ring is a cluster that moves money between its own members more than it moves it anywhere else, and the clustering finds it before anyone writes a rule for it.

Graph

· Financial crime

· Cyber security

Betweenness, to find the intermediaries

Centrality ranked and mapped straight onto node size. The account that sits on the path between two clusters gets bigger, which is the one worth a subpoena.

Graph

· Financial crime

Min-cut on a layering chain

The smallest set of transfers whose removal disconnects the source from the destination — the chokepoint, found rather than argued about.

Graph

· Financial crime

Money mule and structuring detectors

Six domain detectors over the same graph: mule accounts, structuring, velocity, cycles, beneficiary chains and an aggregate score. Part of the finance domain pack.

Graph

· Cyber security

Shortest path across an asset graph

Given an entry point and a crown-jewel asset, the route between them. The path is the thing to break, and it is a query rather than a meeting.

Graph

· Cyber security

Attack paths at WebGL scale

An enterprise asset graph is a WebGL graph. Same API, same layouts and same events as the thousand-node view the analyst started on — only the renderer changed.

Graph

· Financial crime

· Cyber security

· Life sciences

Analysis-driven styling

Run the algorithm, then style from the answer: styleBy maps a result straight onto size, colour or visibility with a 400ms transition. No server round trip, so the analyst can change the question without waiting.

Graph

· Cyber security

· Intelligence

Structural layout on an unfamiliar network

Groups nodes by the role they play in the topology, so hubs sit with hubs and leaves with leaves. It is how you see the shape of a network you have never seen before.

Graph

· Intelligence

Lens layout

Magnifies around a focus node and compresses the rest, so context stays on screen while the detail is readable.

Graph

· Financial crime

· Cyber security

Tweak layout under a live feed

Re-runs the layout while keeping existing positions stable. When the data updates, the user's mental map survives it.

Graph

· Intelligence

Combos: group, expand, drill down

Collapse a set of entities into one node and open it again. The grouping is computed over your data rather than baked into it, so a different grouping is a different call and not a different dataset.

Graph

· Cyber security

Incremental updates

Nodes arrive on a slow feed; links animate in and the layout accommodates them. Beside it, the same feed with redraw instead of animate — which is visibly worse, and is the argument.

Graph

· Cyber security

Renderer switch: SVG, Canvas, WebGL

One graph, three renderers, switched in place. The DOM element count falls from tens of thousands to one as you cross from SVG to Canvas, which makes the point faster than a paragraph.

Graph

· Life sciences

Metabolic pathway layout

A pathway is not a force-directed graph that happens to be biological. This layout exists because the work asked for it.

Graph

· Life sciences

Kinship tree and dendrogram

Lineage where the relationship has a direction and a generation, drawn as a tree rather than settled by a force — and a dendrogram for hierarchical clustering results.

Charts

· Financial crime

· Supply chain

The chart wall: one dataset, many idioms

The same underlying figures drawn as twenty different chart types, each real, each reading the same data shape and taking the same options. Learn the grammar once.

Charts

· Financial crime

· Supply chain

Sankey and chord flows

Where the volume went, and between whom. Flow charts that share a theme with the graph beside them.

Charts

· Financial crime

Candlestick and OHLC

Financial series drawn properly — bodies, wicks and a price scale — in the same package as the graph engine rather than as a second vendor's component.

Charts

· Supply chain

Small multiples across twelve regions

One chart per category on a shared scale, which is the honest way to compare twelve things and much better than twelve lines fighting over one axis.

Charts

· Financial crime

· Cyber security

Theme tokens: your design system, not ours

Point the charts at your existing colour, spacing, radius and typography variables and they stop looking like a charting library. Light and dark are two token sets, not two code paths.

Timeline

· Intelligence

· Life sciences

Zoom from a century to a second

One continuous gesture across the whole range, with the detail level following it — aggregated bands when zoomed out, individual events with labels when zoomed in.

Timeline

· Financial crime

Multi-track: twelve accounts aligned in time

One track per entity, sharing an axis. An investigation of twelve accounts is twelve rows, and the sequence is the story.

Timeline

· Financial crime

· Intelligence

Playback across linked views

Step a cursor through time and watch the graph, the map and the grid follow it. This is how a sequence of transfers becomes a narrative.

Maps

· Supply chain

Clustering by zoom

Points collapse into counts as you zoom out, so a dense port is one marker labelled 4,182 rather than 4,182 overlapping markers.

Maps

· Supply chain

Edge bundling on flows

Parallel routes grouped into visible corridors. Bundling runs in projected world space, so it stays correct at every zoom instead of re-bundling on each pan.

Maps

· Supply chain

· Intelligence

Tracked movement with trails

Interpolated strictly between known samples, with a trail behind. We do not invent a position beyond your data, because on a map an extrapolated position is a false claim about where something was.

Maps

· Intelligence

Offline tile pack, no internet

A vector basemap drawn from a tile pack shipped with the application. We wrote the protobuf reader, the tile decoder and the renderer, so a basemap adds no dependency and needs no tile server.

Grid

· Financial crime

· Cyber security

Linked selection: graph to grid

Click a node and the grid scrolls to its row. Filter the grid and the graph dims what the filter removed. There is no synchronising code because there is nothing to synchronise.

Grid

· Supply chain

Grouping, pivot and in-cell sparklines

Row grouping with aggregation, multi-column sort, an advanced filter builder and sparklines in the cells — sharing a theme with the charts beside them.

Linked

· Intelligence

Annotations for a briefing product

Narrative annotation over the chart, then export to PNG, SVG or PDF. Vector export that is really vector, because a briefing pack is read at whatever size the reader chooses.

Tessera Viz is in beta.