samples/*/*/input.* header comments — run
go run ./tools/gen-docs to refresh. Every fixture is a
golden-tested, copy-paste-ready example; expected.svg next to
each input is the rendered output.
Reading order for agents: start with the fixture whose
description matches your task, imitate its structure, then check
RECIPES.md for the primitive-level grammar.
samples/node
| Fixture | Demonstrates |
|---|---|
array2d | (no header comment) |
array3d | (no header comment) |
circle | circle — the iso sphere: one ball with equator shading and a top label. |
cloud | cloud — free-form rounded outline for external systems; no per-face palette. |
cloud-styled | cloud-styled — the cloud’s style surface: a top-face icon (box-family anchor/scale semantics on the inscribed content rect) plus linear gradients on the … |
composite | composite — a stat card built from three primitives sharing one bbox. |
custom-path | (no header comment) |
cylinder | cylinder — the database/queue primitive: elliptical top, curved side wall. |
effect-pipeline | (no header comment) |
faces-demo | (no header comment) |
group | group — a low-extrusion translucent substrate that wraps nested parts. |
hexprism | (no header comment) |
iso-text | iso_text — flat text panel (near-zero extrusion); good for titles and captions. |
person | person — human actor: sphere head tangent to a hemispherical dome body. |
person-effects | person-effects — the person shape speaking the box family’s style vocabulary: a body gradient (topGradient shades both dome halves; left/ rightGradient … |
prism-walls | prism-walls — v3.12 showcase: the prism family speaks the box’s wall vocabulary. |
rack | (no header comment) |
rectangle | rectangle — the bread-and-butter iso box: three faces, top label, extrusion h. |
wedge | (no header comment) |
samples/topology
| Fixture | Demonstrates |
|---|---|
ai-platform | ai-platform v2 — flagship hero, reimagined with the v3.3 surface pipeline. |
auto-flow | (no header comment) |
bodyocc-hidden-node | WS-H demo — body-vs-body occlusion, the “node fully hidden” class. |
bodyocc-partial-shadow | WS-H demo — body-vs-body occlusion, the partial-burial class. |
cjk-screen-label | cjk-screen-label — regression golden for rune-aware text metrics. |
clickhouse-hub | ClickHouse — real-time data warehouse & database, hub-and-spoke ecosystem map. |
data-fabric | data-fabric — connector-driven AUTO layout (v4.2). |
depthsort-author-order | depthSort acceptance 2 — author order deliberately reversed. |
depthsort-cross-group | depthSort acceptance 1 — cross-group projection overlap. |
devtool-pipeline | devtool-pipeline — CI/CD neon. |
duckdb-handdrawn | DuckDB — classic hand-drawn data architecture (sketch / whiteboard feel). |
eval-route-mixed | eval-route-mixed — WS-E evaluation fixture: one scene that draws all three connector routings (orthogonal / straight / bezier). |
lakehouse-agent | lakehouse-agent — Databricks Lakehouse + LLM agent application architecture. |
langchain-app | LangChain — typical agent application architecture, in the LangChain visual language: deep navy-black stage, ONE cool-blue glow accent, hairline-bordered … |
microservice | microservice — minimal .d2 auto-layout path: person → services → database. |
plan-view-2d | 2D top-down (plan) view — projection declared in the scene’s own canvas, so isotopo render and the golden test both render it flat. |
platform-board | platform-board — PCB / circuit-board hero shot, landing-page style. |
rag-pipeline | rag-pipeline — a RAG system, now under connector-driven auto-layout. |
repair-route-crossing | WS-G demo — the routing actuator’s CROSSING class. |
repair-route-tunnel | WS-G demo — the routing actuator’s TUNNEL class. |
theme-clean-light | (no header comment) |
theme-clickhouse-dark | (no header comment) |
theme-handdrawn-paper | (no header comment) |
theme-navy-glass | (no header comment) |
training-compute | training-compute — where the GPU hours of a training run go. |
vpc-boundary | (no header comment) |