DiagramPreview
D2ArchitecturePreview workspace

D2 Preview

Draft D2 diagram text in the shared DiagramPreview workspace while the dedicated renderer is prepared.

Examples
D2 previewReady
The D2 preview renderer is coming online.

How to use

  1. 1Paste D2 text into the editor.
  2. 2Use samples to structure architecture notes.
  3. 3Return after the renderer module is enabled for SVG output.

Common use cases

Architecture sketchesService mapsSystem diagrams

Related tools

AI Diagram Generator

Generate Mermaid diagrams from a natural language prompt with AI.

Mermaid AI Fixer

Fix broken Mermaid syntax and improve diagram readability with AI.

Architecture Diagram Generator

Generate Mermaid architecture diagrams from product or system notes with AI.

FAQ

Is D2 rendering enabled?

The route and workspace are ready. The dedicated renderer is planned for the next build stage.

D2 Preview is prepared as part of the DiagramPreview tool family so D2 diagrams can share the same editor, metadata, export patterns, and related tool navigation.

The first build wires the page into the site structure and sample system. A dedicated renderer can be added behind the same workspace without changing the public URL.

This page is intended for architecture sketches, service maps, and text-first system diagrams.