D2 is a modern diagram scripting language that turns text to diagrams.
Find a file
2023-04-13 20:04:55 -07:00
.github ci: Update [ci-force] 2023-01-24 15:07:42 -08:00
ci Merge pull request #1197 from alixander/relative-paths 2023-04-13 19:33:00 -07:00
cmd/d2plugin-dagre default layouts 2022-12-30 13:36:49 -08:00
d2ast fmt 2023-03-14 00:36:46 -07:00
d2chaos merge updates 2023-02-19 12:32:44 +01:00
d2cli relative paths 2023-04-13 17:45:19 -07:00
d2compiler refactor d2graph.Attributes 2023-04-13 20:04:55 -07:00
d2exporter refactor d2graph.Attributes 2023-04-13 20:04:55 -07:00
d2format testdata: Add a few parse tests and cleanup testdata 2023-03-13 15:28:53 -07:00
d2graph refactor d2graph.Attributes 2023-04-13 20:04:55 -07:00
d2ir implement classes 2023-04-07 09:57:51 -07:00
d2layouts refactor d2graph.Attributes 2023-04-13 20:04:55 -07:00
d2lib fix layout of grid in constant near 2023-04-10 10:34:51 -07:00
d2oracle refactor d2graph.Attributes 2023-04-13 20:04:55 -07:00
d2parser d2parser: Fix #322 2023-03-30 01:29:59 -07:00
d2plugin refactor d2graph.Attributes 2023-04-13 20:04:55 -07:00
d2renderers update markdown text measurement and rendering to use font-size 2023-04-12 20:14:45 -07:00
d2target implement classes 2023-04-07 09:57:51 -07:00
d2themes id 2023-04-13 15:20:52 -07:00
docs [ci-force] update contributing 2023-04-09 18:58:17 -07:00
e2etests code snippet test 2023-04-13 15:26:05 -07:00
e2etests-cli Merge pull request #1168 from ejulio-ts/gh-821-ppt-links 2023-04-11 14:54:13 -03:00
lib Update generate_png.js 2023-04-13 13:40:58 -07:00
testdata rename to horizontal-gap and vertical-gap 2023-04-12 13:51:04 -07:00
.gitattributes .gitattributes: Add testdata 2022-11-28 15:47:31 -08:00
.gitignore .gitignore: Ensure no .got files are committed. 2023-03-22 12:49:43 -07:00
.gitmodules oss 2022-11-03 06:54:49 -07:00
.prettierignore Add rough.js to .prettierignore 2022-12-30 21:12:52 +01:00
go.mod Add text-transform attribute to the style block 2023-04-08 18:56:13 +01:00
go.sum deps: update [ci-force] 2023-03-19 22:36:33 -07:00
install.sh install.sh: Handle empty GITHUB_TOKEN correctly 2023-02-12 07:37:14 -08:00
LICENSE.txt oss 2022-11-03 06:54:49 -07:00
main.go d2cli: Move main code into d2cli so it can be imported from tests 2023-02-27 15:04:02 -08:00
make.sh bump to go 1.20 2023-03-13 13:35:26 -07:00
Makefile Makefile: Run fmt before anything else 2023-02-27 17:43:53 -08:00
README.md update link to tree-sitter grammar 2023-04-08 19:34:24 +00:00

Table of Contents

What does D2 look like?

# Actors
hans: Hans Niemann

defendants: {
  mc: Magnus Carlsen
  playmagnus: Play Magnus Group
  chesscom: Chess.com
  naka: Hikaru Nakamura

  mc -> playmagnus: Owns majority
  playmagnus <-> chesscom: Merger talks
  chesscom -> naka: Sponsoring
}

# Accusations
hans -> defendants: 'sueing for $100M'

# Offense
defendants.naka -> hans: Accused of cheating on his stream
defendants.mc -> hans: Lost then withdrew with accusations
defendants.chesscom -> hans: 72 page report of cheating

There is syntax highlighting with the editor plugins linked below.

D2 render example

Rendered with the TALA layout engine.

For more examples, see ./docs/examples.

Quickstart

The most convenient way to use D2 is to just run it as a CLI executable to produce SVGs from .d2 files.

# First, install D2
curl -fsSL https://d2lang.com/install.sh | sh -s --

echo 'x -> y -> z' > in.d2
d2 --watch in.d2 out.svg

A browser window will open with out.svg and live-reload on changes to in.d2.

Install

The easiest way to install is with our install script:

curl -fsSL https://d2lang.com/install.sh | sh -s --

You can run the install script with --dry-run to see the commands that will be used to install without executing them.

Or if you have Go installed you can install from source though you won't get the manpage:

go install oss.terrastruct.com/d2@latest

You can also install a release from source which will include manpages. See ./docs/INSTALL.md#source-release.

To uninstall with the install script:

curl -fsSL https://d2lang.com/install.sh | sh -s -- --uninstall

For detailed installation docs, see ./docs/INSTALL.md. We demonstrate alternative methods and examples for each OS.

As well, the functioning of the install script is described in detail to alleviate any concern of its use. We recommend using your OS's package manager directly instead for improved security but the install script is by no means insecure.

D2 as a library

In addition to being a runnable CLI tool, D2 can also be used to produce diagrams from Go programs.

For examples, see ./docs/examples/lib. This blog post also demos a complete, runnable example of using D2 as a library for a real-world use case.

Themes

D2 includes a variety of official themes to style your diagrams beautifully right out of the box. See ./d2themes to browse the available themes and make or contribute your own creation.

Fonts

D2 ships with "Source Sans Pro" as the font in renders. If you wish to use a different one, please see ./d2renderers/d2fonts.

Export file types

D2 currently supports SVG, PNG and PDF exports. More coming soon.

Language tooling

D2 is designed with language tooling in mind. D2's parser can parse multiple errors from a broken program, has an autoformatter, syntax highlighting, and we have plans for LSP's and more. Good language tooling is necessary for creating and maintaining large diagrams.

The extensions for VSCode and Vim can be found in the Related section.

Plugins

D2 is designed to be extensible and composable. The plugin system allows you to change out layout engines and customize the rendering pipeline. Plugins can either be bundled with the build or separately installed as a standalone binary.

Layout engines:

  • dagre (default, bundled): A fast, directed graph layout engine that produces layered/hierarchical layouts. Based on Graphviz's DOT algorithm.
  • ELK (bundled): A directed graph layout engine particularly suited for node-link diagrams with an inherent direction and ports.
  • TALA (binary): Novel layout engine designed specifically for software architecture diagrams. Requires separate install, visit the Github page for more.

D2 intends to integrate with a variety of layout engines, e.g. dot, as well as single-purpose layout types like sequence diagrams. You can choose whichever layout engine you like and works best for the diagram you're making.

Comparison

For a comparison against other popular text-to-diagram tools, see https://text-to-diagram.com.

Contributing

Contributions are welcome! See ./docs/CONTRIBUTING.md.

License

Open sourced under the Mozilla Public License 2.0. See ./LICENSE.txt.

We are constantly working on new plugins, integrations, extensions. Contributions are welcome in any official or community plugins. If you have somewhere in your workflow that you want to use D2, feel free to open a discussion. We have limited bandwidth and usually choose the most high-demand ones to work on. If you make something cool with D2 yourself, let us know and we'll be happy to include it here!

Official plugins

Community plugins

Misc

FAQ

  • Does D2 collect telemetry?
    • No, D2 does not use an internet connection after installation, except to check for version updates from Github periodically.
  • Does D2 need a browser to run?
    • No, D2 can run entirely server-side.
  • What's coming in the next release?
  • I have a question or need help.
    • The best way to get help is to ask on D2 Discord
  • I have a feature request, proposal, or bug report.
    • Please open up a Github Issue.
  • I have a private inquiry.

Notable open-source projects documenting with D2

Do you have or see an open-source project with .d2 files? Please submit a PR adding to this selected list of featured projects using D2.

  • ElasticSearch
  • UC Berkeley
  • Coronacheck
    • Official app of the Netherlands for coronavirus entry passes.
  • Block Protocol
    • The Block Protocol is an open standard for building and using data-driven blocks (1.2k stars).
  • Dagger
    • A programmable CI/CD engine that runs your pipelines in containers (8k stars).
  • Ivy Wallet
    • Open-source money manager app for Android (1.1k stars).
  • LocalStack
    • Cloud service emulator (46k stars)
  • Queue Library
    • Queue is a Golang library for spawning and managing a Goroutine pool