# D2 Editor Online

> Create clean D2 architecture diagrams with live preview and quick export paths for platform docs and runbooks.

Canonical: https://unidiagram.davidtran.dev/d2-editor

Create clean D2 architecture diagrams with live preview and quick export paths for platform docs and runbooks.

## Open the editor

- App: https://unidiagram.davidtran.dev/app
- Pricing: https://unidiagram.davidtran.dev/pricing.md

## Use cases

- System maps for platform teams
- Runbook diagrams for incidents
- Readable architecture diagrams in PRs

## Pro value

Upgrade when you need shareable links and professional exports.

## Sample

```
web: Next.js App
api: API Service
queue: Job Queue
worker: Background Worker
db: Database

web -> api: requests
api -> queue: enqueue
queue -> worker: consume
worker -> db: write results
```

## Related

- Home: https://unidiagram.davidtran.dev/index.md
- Pricing: https://unidiagram.davidtran.dev/pricing.md
- Blog: https://unidiagram.davidtran.dev/blog.md