グラフを作って見やすく整える

1. 1

   「読み込み」を開く

   テキストを貼り付けるか、「ファイルを開く」でテキストまたは Graph Editor の JSON ファイルを選びます。

2. 2

   形式とプレビューを確認する

   形式は自動判定されます。複数の形式に当てはまる場合は「形式」で読み込み形式を選んでください。頂点番号の 0 始まり・1 始まりも自動で推定されるため、頂点ラベルを確認します。

3. 3

   「グラフに反映」を押す

   現在のグラフを読み込み結果に置き換えます。警告がある場合は内容を確認してから反映してください。反映した操作は「戻す」で取り消せます。

1. 1

   「頂点」で点を置く

   キャンバスの空いている場所をクリックまたはタップすると、頂点を追加できます。N キーでも頂点モードに切り替えられます。

2. 2

   「辺」で 2 点をつなぐ

   始点、終点の順に頂点を選びます。有向グラフでは、矢印は始点から終点に向きます。途中でやめるには、キャンバスの空白をクリックまたはタップするか、Esc を押します。

3. 3

   「選択」で位置を整える

   頂点をドラッグして移動し、辺をドラッグして曲げます。選んだ頂点や辺は、表示される操作バーから編集または削除できます。

• 複数の頂点や辺を選ぶには、選択モードで Shift を押しながらドラッグします。「選択」横の矢印で、範囲選択の対象をすべて、頂点だけ、辺だけに切り替えられます。
• Ctrl（Mac は ⌘）+ Shift + ドラッグで頂点だけを範囲選択します。Ctrl（Mac は ⌘）+ Alt + ドラッグで辺だけを範囲選択します。
• ダブルクリックまたは選択後の Enter で、頂点ラベルや辺のラベル、重みを編集します。右クリックからも編集メニューを開けます。

• 頂点や辺を選んで操作バーの色を押すと、選択した要素の色を変更できます。複数の要素をまとめて変更することもできます。C キーでは選択した要素の色を順に切り替えます。
• 「設定」で有向か無向、重みありかなし、0-indexed か 1-indexed を選びます。矢印の大きさや頂点ラベルの表示も変更できます。
• 有向グラフの辺を選ぶと「向き反転」が使えます。「設定」の「全辺を反転」は、すべての辺の向きを反転します。
• 辺を手で曲げた後は「自動配置に戻す」で自動の経路に戻せます。右クリックメニューには「左へ曲げる」「右へ曲げる」もあります。
• 「ドラッグをグリッドに吸着」を有効にすると、頂点の移動時に位置をそろえやすくなります。

「読み込み」で「サンプルを使う」を押すと、木、閉路、格子などのグラフを選べます。名前やカテゴリで探し、パラメータがあるサンプルは頂点数などを調整してから反映できます。

作成したグラフは「配置」（L）で並べ直せます。迷ったら「自動配置」、形を比較したいときは「円形」や「格子」を試してください。

• 木や森には「木」、有向非巡回グラフには「DAG」、二部グラフには「二部」を選びます。条件に合わない配置は無効になり、理由が表示されます。
• 「BFS層」は始点からの距離ごとに頂点を並べ、「放射」は距離の層を円状に並べます。頂点を 1 つ選んでから使うと、その頂点を始点にできます。「木」では根になります。
• 有向グラフの「SCC」は強連結成分ごとに頂点をまとめます。そのほか「直線」「同心円」「重なり解消」も選べます。
• 「辺をずらして重なりを避ける」で、頂点を通る辺などを自動で曲げます。回避できない辺や頂点の重なりが残る場合は、頂点を動かすか辺を手で曲げて調整してください。

1. 1

   あとで編集するなら JSON

   「書き出し」の形式で「JSON」を選び、.json ファイルを保存します。頂点、辺、ラベル、位置、色、曲げ方、グラフ設定を保てます。再開するときは「読み込み」から開いてください。

2. 2

   図を共有するなら PNG

   「PNG」で全体または表示範囲を選び、背景と余白を設定します。長辺サイズ、現在の倍率、固定キャンバスから画像サイズを選び、プレビューを確認して保存またはコピーします。

3. 3

   頂点のつながりを書き出すならテキスト

   「書き出し」で辺リスト、隣接リスト、隣接行列を選びます。位置、色、手で曲げた辺の形は含まれず、独自のラベルは連番に置き換わる場合があります。形式で表せない辺や重みがある場合は、JSON または対応する辺リストを選んでください。

4. 4

   TeX 文書に入れるなら TikZ

   書き出し形式を「TikZ (TeX)」にして、コードをコピーするか .tex ファイルを保存します。必要なパッケージは、書き出したコードの冒頭のコメントに記載しています。日本語ラベルは LuaLaTeX と luatexja を使用してください。

• キャンバスの空白をドラッグすると表示範囲が移動します。スマートフォンでは 2 本指で拡大、縮小や表示の移動ができます。
• 頂点を追加するには「頂点」で空白をタップします。辺を追加するには「辺」で 2 頂点を順にタップします。
• 「選択」で頂点や辺をタップし、表示された操作バーから色、ラベル、削除を選びます。ドラッグで頂点の移動や辺の曲げもできます。
• グラフが画面外に出たら「グラフを表示領域に戻す」を使います。キーボードでは Shift+1 で全体表示できます。