This is a single SVG file created purely through D2 text:

D2 source to reproduce this is here: here, rendered with these parameters.

Brief factsheet:

• Single file, weights 88kb, the vast majority is the embedded fonts so that it looks the same everywhere.
• Well-formatted, readable D2 text (i.e. has newlines) is 85 lines.
• Configurable. This animation has 1400ms intervals, but if you want the animation to linger for longer and shorter, simply change the flags.
• Easily split into 2 separate SVGs (the default behavior of CLI when a flag is not passed in to animate).

The C4 Model is a diagramming framework. Over the years, we've had many practitioners request C4 features in D2. There's even a community-maintained exporter from the C4 creator's tool, Structurizr, to D2.

The C4 Model is a loose framework. Unlike UML, which says these symbols always and must mean certain things, the C4 model is a set of diagramming concepts. It's language and tool agnostic, and these powerful concepts have proven to provide software projects with clean, mature architecture diagrams.

With the latest 0.7 release of D2, we filled the gaps in the language to have first-class support of these concepts:

I want to briefly highlight a cool new feature in D2, which is that you can set both a light theme and a dark theme for diagrams in D2.

How does this work? How can a diagram have two themes?

D2 is a diagramming language, and it's versatile unlike any other. For example, you can create full PowerPoint presentations with just text.

It's not D2's primary function, but rather a natural byproduct of a powerful language. D2 built features for grid diagrams and animations, and users built pixel art. And now, with Markdown and Powerpoint, D2 is the easiest way to programmatically create PowerPoint presentations.

Sketch mode started out as a "wouldn't it be cool" weekend feature, and has since turned into one of the things people love most about D2.

When you pass the sketch flag like so, you'll get a diagram that kind of looks hand-drawn.