D2 examples

Architecture, networking, CI pipelines, and state machines rendered from D2 source across six themes.

Microservices Architecture
d2 cool-classics
bashnord
$ vhiz diagram microservices.d2 --theme cool-classics page https://vhiz.dev/diagram_7vM4M8Do artifact https://vhiz.dev/diagram_7vM4M8Do/v/1/screen800x360@2x.png format png size 800×360 @2x cost 1 credit balance 35
Microservices architecture diagram
Git Branching Strategy
d2 terminal svg
bashgruvbox
$ vhiz diagram git-branching.d2 -s 500 --theme terminal --format svg page https://vhiz.dev/diagram_ibM6Gycf artifact https://vhiz.dev/diagram_ibM6Gycf/v/1/diagram.svg format svg size 500×150 cost 1 credit balance 25
Git branching strategy diagram (SVG)
Kubernetes Pod Lifecycle
d2 origami state machine
bashdracula
$ vhiz diagram k8s-lifecycle.d2 -s 450 --theme origami page https://vhiz.dev/diagram_DJCdd8r9 artifact https://vhiz.dev/diagram_DJCdd8r9/v/1/screen450x434@2x.png format png size 450×434 @2x cost 1 credit balance 26
Kubernetes pod lifecycle diagram
Network Topology
d2 neutral-default
bashtokyo night
$ vhiz diagram topology.d2 -s 700 --theme neutral-default page https://vhiz.dev/diagram_eBQ8XvPU artifact https://vhiz.dev/diagram_eBQ8XvPU/v/1/screen700x455@2x.png format png size 700×455 @2x cost 1 credit balance 38
Network topology diagram
CI Pipeline
d2 mixed-berry-blue nested containers
bashmonokai
$ vhiz diagram ci-pipeline.d2 -s 600 --theme mixed-berry-blue page https://vhiz.dev/diagram_jnNKAV8r artifact https://vhiz.dev/diagram_jnNKAV8r/v/1/screen600x1887@2x.png format png size 600×1887 @2x cost 1 credit balance 37
CI pipeline with nested containers
Service Mesh
d2 earth-tones
bashsolarized
$ vhiz diagram service-mesh.d2 -s 600 --theme earth-tones page https://vhiz.dev/diagram_F4nOBYT6 artifact https://vhiz.dev/diagram_F4nOBYT6/v/1/screen600x1129@2x.png format png size 600×1129 @2x cost 1 credit balance 35
Service mesh diagram