Proof gallery — diagrams that argue

Large renders first. Two competitive head-to-heads, then curated figures from the 77-diagram book corpus. Editable Excalidraw with a render-inspect loop — not a static HTML+SVG export.

Editable Excalidraw render-inspect loop compared with a static HTML and SVG export
vs diagram-design: why editable beats static →
Same user-API-DB subject: streaming boxes without taste versus typed layout with evidence and hierarchy
vs official Excalidraw MCP: taste vs live canvas →

29 typed layouts

Every type ships an editable .excalidraw source and a rendered PNG. Open the fixture in Excalidraw, Obsidian, or VS Code; re-theme with --theme.

Architecture diagram type
Architecturecomponents + boundaries
 Flowchart diagram type
Flowchartbranching decisions
 Sequence diagram type
Sequencemessages over time
 State machine diagram type
Statemodes + transitions
 ER diagram type
ERentities + cardinality
 Timeline diagram type
Timelineevents on an axis
 Gantt diagram type
Ganttphases on a timeline
 Swimlane diagram type
Swimlanecross-functional flow
 Quadrant diagram type
Quadranttwo-axis positioning
 Loop diagram type
Loopflywheel + hub
 Process diagram type
Processmulti-step workflow
 Layers diagram type
Layersstacked abstractions
 Nested diagram type
Nestedcontainment hierarchy
 Medallion diagram type
Medallionbronze / silver / gold
 Tree diagram type
Treeparent → children
 Org chart diagram type
Org chartownership + routing
 Venn diagram type
Vennset overlap
 Pyramid diagram type
Pyramidranked hierarchy
 Evidence diagram type
Evidenceproof beside claim
 Comparison diagram type
Comparisonbefore / after
 High-level diagram type
High-levelend-to-end stack
 IT current-state diagram type
IT current-statelegacy landscape
 Data flow diagram type
Data flowrole-scoped pipeline
 DP integration diagram type
DP integrationsources → core → consumers
 DP security matrix diagram type
DP security matrixrole × dataset
 Bar chart diagram type
Bar chartcategorical comparison
 Line chart diagram type
Line charttrend over time
 Scatter plot diagram type
Scatterdistribution + correlation
 Radar diagram type
Radarmulti-axis comparison
Book argument spine diagram
01 — Book argument spine
Chapter 1 opener — The Shift
05 — Chapter 1 · The Shift
Chapter 2 opener — Taste
06 — Chapter 2 · Taste
Chapter 4 opener — Evals
08 — Chapter 4 · Evals
Chapter 6 opener — Runtimes
10 — Chapter 6 · Runtimes
Chapter 10 opener — What Endures
14 — Chapter 10 · What Endures

Source files

Curated .excalidraw sources ship in examples/book. The full published set of 77 figures lives on From Copilot to Colleague.

  • 01-book-argument-spine.excalidraw
  • 05-chapter1-the-shift.excalidraw
  • 06-chapter2-taste.excalidraw
  • 08-chapter4-evals.excalidraw
  • 10-chapter6-runtimes.excalidraw
  • 14-chapter10-what-endures.excalidraw

Install

Claude Codenpx @excalidraw-skill-pack/install claude-code Cursornpx @excalidraw-skill-pack/install cursor