Demos

What an AI can render

One page per render tool an agent can call. Each loads a real scene through the surface-client pipeline — the same renderer a live session uses.

Sankey

present_sankey

Flow, leakage, allocation — the agent supplies nodes and links, the server composes the whole editorial Sankey with in-place annotations.

Bar chart

present_barChart

Ranking and current-vs-target — ranked bars with optional contrasting target ticks, thesis, takeaway and supporting metric.

Line chart

present_lineChart

Trends over a continuous axis — multi-series comparisons, annotations pinned to key data points, optional threshold reference lines, end-of-line series labels.

Treemap

present_treemap

Part-of-whole breakdowns — squarified cells labelled with category, value, and share. Best when many items share one total.

Donut

present_donut

Composition share with a big centre metric — slice labels on the ring, clean legend alongside. Up to 8 slices.

Timeline

present_timeline

Chronological narrative — events along a horizontal axis, auto-laned so labels never collide, with optional details under each marker.

Flowchart

present_flowchart

Process / dependency / system maps — a layered DAG with rounded-rect nodes and bezier-curved edges, laid out automatically.

Chart

present_chart

Bar, line, area, and pie — a single figure, or a grid of small-multiples for a multi-panel dashboard in one scene.

Visual document

present_visual_document

Fallback for novel compositions the editorial primitives don't cover — an AI-authored HTML/CSS/SVG document in a sandboxed iframe.

Diagram

present_diagram

A Mermaid auto-layout diagram — sequence, ER, state machine, Gantt, or class diagram.

Markdown

present_markdown

Plain prose with no visual structure — meeting notes, written summaries.

Code

present_code

A syntax-highlighted code block, sized for a shared screen.