/ PLAYGROUND
Live editor
Edit the DSL on the left. Diagram re-renders on the right. Pick a preset below to start from a real example, or paste output from ChatGPT / Claude — the DSL is designed for LLMs to emit on the first try.
PRESETS ·
block-pid-loop
bpmn-incident-response
bpmn-loan-approval
bpmn-pizza-order
breadboard-blink-led
breadboard-esp32-oled
breadboard-hcsr04-distance
circuit-ce-amplifier
decisiontree-investment-analysis
decisiontree-support-triage
ecomap-refugee-resettlement
ecomap-substance-recovery
ecomap-teen-client
entity-holding-company
entity-international-tax
entity-series-a-cap-table
erd-ecommerce-schema
erd-university-schema
fbd-bottle-counter
fbd-motor-latch
fbd-tank-setpoint-limiter
fishbone-website-traffic
flowchart-cicd-pipeline
flowchart-order-fulfillment
flowchart-prisma-systematic-review
genogram-brca-cancer
genogram-foster-care
genogram-medical-history
genogram-nuclear-family
genogram-potter-family
ladder-mode-selection
ladder-motor-start-stop
logic-full-adder
matrix-9-box-talent
matrix-bcg-portfolio
matrix-eisenhower-week
matrix-impact-effort
matrix-johari-window
mindmap-product-launch
mindmap-quarterly-okrs
orgchart-matrix-reporting
orgchart-tech-startup
pedigree-brca1
pedigree-cystic-fibrosis
pedigree-hemophilia
phylo-bacterial-diversity
sfc-bake-cool-concurrent
sfc-bottle-filling
sfc-order-routing-alt
sld-generator-ats
sld-residential-iec-60364-consumer-unit
sld-residential-rebt-cgmp
sld-substation-13kv
sociogram-playground-dynamics
sociogram-team-influence
timeline-company-milestones
timeline-product-launch
timing-spi-transaction
venn-customer-segments
venn-programming-paradigms
flowchart·§ —
↘ preview
100%
UTF-8 · LF · 50 lines · 1533 chars✓ parsed·14.6 ms·17.2 KB SVG