Notes Plus
ホームに戻る
Graphviz / DOTの図
Graphviz / DOTで関係、作業の流れ、システムを図に。
Graphvizを* で囲んだMarkdownのコードブロックに書くと、Notes Plusがソースの隣に図を表示します。テキストのまま編集しやすく、エディタを離れずに結果を確認できます。
* 「囲む」とは、コードブロックを```graphviz で始め、Graphvizのコードであることをアプリに伝える書き方です。
- 2027年のロードマップ：マウス、キーボード、タッチ、ペンに対応したビジュアルエディタで図を編集する
- 2027年のロードマップ：図をほかの図形式に書き出す
- 2027年のロードマップ：図を画像やPDFに書き出す
ソースとプレビュー
短い英語のキーワードだけで、Markdownに直接図を記述できます。
コードブロック名には graph, digraph、または graphviz, dot、および gv を使えます。ノード、接続線、ラベル、配置の指定はMarkdown内で編集でき、Notes Plusが図として表示します。
構文と例は Graphviz / DOTの公式ドキュメント をご覧ください。
