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_sankeyFlow, leakage, allocation — the agent supplies nodes and links, the server composes the whole editorial Sankey with in-place annotations.
Bar chart
present_barChartRanking and current-vs-target — ranked bars with optional contrasting target ticks, thesis, takeaway and supporting metric.
Treemap
present_treemapPart-of-whole breakdowns — squarified cells labelled with category, value, and share. Best when many items share one total.
Donut
present_donutComposition share with a big centre metric — slice labels on the ring, clean legend alongside. Up to 8 slices.
Timeline
present_timelineChronological narrative — events along a horizontal axis, auto-laned so labels never collide, with optional details under each marker.
Flowchart
present_flowchartProcess / dependency / system maps — a layered DAG with rounded-rect nodes and bezier-curved edges, laid out automatically.
Chart
present_chartBar, 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_documentFallback for novel compositions the editorial primitives don't cover — an AI-authored HTML/CSS/SVG document in a sandboxed iframe.
Diagram
present_diagramA Mermaid auto-layout diagram — sequence, ER, state machine, Gantt, or class diagram.
Markdown
present_markdownPlain prose with no visual structure — meeting notes, written summaries.
Code
present_codeA syntax-highlighted code block, sized for a shared screen.