Graph Editor

Graph Editor は，AtCoder などの競技プログラミングで使うグラフを，ブラウザ上で直感的に作成・編集できる無料の Web アプリです．無向グラフ・有向グラフの作成，頂点・辺の編集，辺リスト形式でのコピー， JSON 保存，PNG / SVG 出力に対応しています．

Graph Editor is a browser-based graph editor for competitive programming. You can create directed and undirected graphs, edit vertices and edges, and export graphs as edge lists, JSON, PNG, or SVG.

競技プログラミング向けのグラフ作成

頂点をクリックで追加し，辺をドラッグで接続できます．作成したグラフは， AtCoder などの問題で使いやすい辺リスト形式に変換できます． 0-indexed / 1-indexed の切り替えにも対応しているため，問題の入力形式に合わせて出力できます．

主な機能

無向グラフ・有向グラフの切り替え
頂点・辺の追加，削除，移動，色変更
0-indexed / 1-indexed の切り替え
辺リスト形式でのコピー・読み込み
JSON 形式での保存・復元
PNG / SVG 形式での画像出力
ブラウザ上で動作する WASM アプリ

使い方

頂点追加モードでキャンバスをクリックして頂点を追加します．
辺追加モードで頂点同士を接続します．
I/O パネルから Edge List をコピーします．
必要に応じて JSON，PNG，SVG 形式で保存します．

Links

Source code is available on GitHub.