✏️

Astro D2

Astro integration and remark plugin to transform D2 Markdown code blocks into diagrams.

```d2 sketch pad=50
direction: right

Astro.Markdown -> D2 -> SVG -> Browser.Diagrams -> Astro.Markdown: {style.animated: true}
```

Next steps

Install D2

Follow the D2 installation guide to install D2.

Install the integration

Check the getting started guide for installation instructions.

Configure the integration

Edit your config in astro.config.mjs.

Read the docs