Markdown の中にダイアグラムを
テキストを離れずにアーキテクチャ、フロー、データを文書化。markdowneditor は Mermaid、Graphviz DOT、Vega-Lite チャートをプレビュー内で直接描画します。
```mermaid
flowchart LR
A[Markdown] --> B[Preview]
```
```dot
digraph { a -> b -> c }
```Mermaid ダイアグラム
フローチャート、シーケンス図、クラス図、状態遷移図、ER 図、ガントチャートなどがフェンスコードブロックから描画されます。作図ツールもエクスポートも不要、テキストだけです。
Graphviz DOT のグラフ
dot、neato、circo、twopi、fdp、osage、patchwork のレイアウトをフェンスブロックに書けば、ブラウザー内 Graphviz WASM がその場でグラフを描画します。
Vega-Lite チャート
宣言的な JSON 仕様から、本文と同じ文書内に出版品質のチャートを生成。テキストとデータが混在するレポートやドキュメントに最適です。
ローカルで描画
ダイアグラムエンジンはブラウザー内で動作します。ソーステキストも描画結果もデバイスから出ず、アプリをインストールすればオフラインでも動きます。