脱Excel方眼紙を目指す人必見の見やすい図をテキストだけで作れるアプリ「D2」

プレゼン資料やウェブページなどを作成する際は、内容を分かりやすくまとめた図があると便利です。図を作成するためのツールは数多く存在しており、中には図に含まれる要素や表示形式をテキストで指定するだけで美麗な図を出力してくれるツールも存在しています。そんなテキストベース作図ツールの1種で、比較的シンプルな記法でモダンな図を出力できるツールが「D2」です。

D2 Tour | D2 Documentation
https://d2lang.com/tour/intro/

Text to diagram
https://text-to-diagram.com/

D2は、図の内容をテキストで指示することで、スッキリまとまった図を作成できるツールです。例えば、以下の画像の上部のようなテキストを入力すると、画像下部のような図を出力してくれます。

単純な図を作成する場合はExcelやPowerPointなどの慣れ親しんだツールでもOKですが、それらのツールでは図の要素が増えると画面がごちゃついたり動作が重くなったりしがち。D2のようなコマンドベースの作図ツールなら、要素の多い図でもルールに従ってテキストを入力するだけでサクッと作成できます。実際にD2を用いて作図する様子は、以下の画像をクリックするとアニメーションで確認できます。

D2のようなテキストベースの作図ツールは数多く存在していますが、D2は他のツールと比べてシンプルな記法で図を作成できます。D2とPlantUMLで同じ内容の図を作成した例が以下。D2ではテキストの始まりや終わりを示す記述が不要で、各要素を「[」「]」という記号で囲む必要もありません。

D2はオープンソースで開発が進んでおり、ソースコードは以下のリンク先で公開されています。

GitHub - terrastruct/d2: D2 is a modern diagram scripting language that turns text to diagrams.
https://github.com/terrastruct/d2