Skip to main content
Every diagram below comes from a scene in the repository. Open its source to inspect the layout, shapes, colors, and connections, then adapt it to your system.

​
Microservices

A D2 graph with automatic layout: a useful starting point for a service overview.
Isometric microservices diagram with a user, gateway, services, and database
Open the D2 source

​
Data fabric

YAML composition with layout driven by the connections between components.
A data platform with connected ingestion, processing, and storage components
Open the YAML source

​
RAG pipeline

Separate ingestion and retrieval paths, with recognizable infrastructure icons.
A retrieval augmented generation architecture with ingestion and query paths
Open the YAML source

​
Developer tooling

A dark scene showing a CI/CD pipeline and its supporting services.
A developer tool pipeline illustrated with glowing components on a dark background
Open the YAML source

​
Layered platform

An exploded view of a platform, using height and stacking to expose its layers.
An exploded isometric platform showing multiple separated layers
Open the YAML source

​
Make one your own

Clone the repository, choose a source file, and render it locally:
The images on this page are illustrative snapshots. Rendering with a newer version can change placement and routing as the engine improves.

All sample sources

Browse the full index, including individual shapes and regression scenes.

Scene design guide

Choose a layout, visual hierarchy, and color system for your architecture.