An online runner to play, learn, and create with D2, the modern diagram scripting language that turns text to diagrams.
See the code
Notice: This is not the repository for the D2 language. That can be found here.
Vanilla HTML, CSS, and Javascript.
d2.js compiles and renders Dagre, ELK, and TALA layouts entirely within the browser.
Yes. Just clone and follow the instructions in the Development section below.
Run ./ci/dev.sh.
Vercel hosts the production playground at https://play.d2lang.com and
https://playground.d2lang.com. Connect this repository with the repository root
as the Root Directory, Node.js 24, and
master as the Production Branch. Pull requests receive preview deployments.
The checked-in vercel.json installs the JavaScript dependencies, builds the
static site, and serves dist. No environment variables are required.
To build the same output locally, initialize the submodules, run
npx --yes [email protected] -- yarn --cwd src/js install --frozen-lockfile,
then run ./ci/vercel-build.sh. The build requires Node.js and npm, uses pinned
Yarn 1.22.22 and esbuild 0.16.3, and preserves the dependency versions in the Yarn
lockfile. JavaScript and CSS remain uncompressed in dist so Vercel can serve
them with the appropriate content encoding. Unhashed static filenames revalidate
on each request so browser caches do not retain assets from an older release.
Vercel deploys production changes from master; the previous AWS deployment
workflow and script have been removed. The GitHub CI and daily workflows continue
checking the Go development server. Roll back a release by promoting a previous
production deployment in Vercel.
The existing same-origin Plausible routes are preserved: /js/script.js proxies
the analytics script and /api/event proxies event submissions to plausible.io.
Contributions are welcome!
External dependencies are kept to a minimum. Currently they are:
Both are not ideal. Monaco is unnecessarily heavy and Panzoom lacks scrolling. The plan is to replace these one day.
If you're a contributor, please do not add any dependencies without discussing first.
155 followers · starred May 2023
An online runner to play, learn, and create with D2, the modern diagram scripting language that turns text to diagrams.
See the code
Notice: This is not the repository for the D2 language. That can be found here.
Vanilla HTML, CSS, and Javascript.
d2.js compiles and renders Dagre, ELK, and TALA layouts entirely within the browser.
Yes. Just clone and follow the instructions in the Development section below.
Run ./ci/dev.sh.
Vercel hosts the production playground at https://play.d2lang.com and
https://playground.d2lang.com. Connect this repository with the repository root
as the Root Directory, Node.js 24, and
master as the Production Branch. Pull requests receive preview deployments.
The checked-in vercel.json installs the JavaScript dependencies, builds the
static site, and serves dist. No environment variables are required.
To build the same output locally, initialize the submodules, run
npx --yes [email protected] -- yarn --cwd src/js install --frozen-lockfile,
then run ./ci/vercel-build.sh. The build requires Node.js and npm, uses pinned
Yarn 1.22.22 and esbuild 0.16.3, and preserves the dependency versions in the Yarn
lockfile. JavaScript and CSS remain uncompressed in dist so Vercel can serve
them with the appropriate content encoding. Unhashed static filenames revalidate
on each request so browser caches do not retain assets from an older release.
Vercel deploys production changes from master; the previous AWS deployment
workflow and script have been removed. The GitHub CI and daily workflows continue
checking the Go development server. Roll back a release by promoting a previous
production deployment in Vercel.
The existing same-origin Plausible routes are preserved: /js/script.js proxies
the analytics script and /api/event proxies event submissions to plausible.io.
Contributions are welcome!
External dependencies are kept to a minimum. Currently they are:
Both are not ideal. Monaco is unnecessarily heavy and Panzoom lacks scrolling. The plan is to replace these one day.
If you're a contributor, please do not add any dependencies without discussing first.
155 followers · starred May 2023
