Examples¶
Complete example diagrams demonstrating d2vision templates and D2 patterns.
Available Examples¶
| Example | Description |
|---|---|
| Network Clusters | Side-by-side network boundaries with services and datastores |
| Microservices | Service mesh with API gateway |
| Data Flow | ETL/data pipeline |
| Sequence | Authentication flow sequence diagram |
| Entity Relationship | Database schema with SQL tables |
| Deployment | Cloud deployment architecture |
Using Examples¶
Each example includes:
- D2 source code - The
.d2file - Rendered SVG - The visual output
- Key techniques - What D2 features it demonstrates
- Variations - How to customize it
Quick Start with Templates¶
Generate any example using d2vision:
# Generate D2 code
d2vision template network-boundary --d2
# Render directly
d2vision template microservices --d2 | d2 - microservices.svg
# Get as spec for modification
d2vision template data-flow > spec.toon
Example Source Files¶
All examples are available in the repository: