【ゲーム・ノベル・TRPG・漫画】キャラを置いて線を引くだけ「相関図くん」関係名・呼び方・勢力の囲み・画像書き出し

登場人物をカードで並べて線を引き、関係の名前(片想い・宿敵・師弟など)と呼び方を書き込んで、物語の人間関係を 1 枚の図にするツールです。HTML ファイル 1 つで、ブラウザで開くだけで使えます。インストールやアカウントの登録は要らず、作った図は外部に送信しません。

■ できること
・人物のカードに、名前・ふりがな・ひとこと(肩書)・色・画像(丸く切り抜いて出ます)・メモを書けます
・人物を選んで「線を引く」を押し、相手をクリックすると線が引けます。Shift キーを押しながら人物から人物へドラッグしても引けます
・線には、関係の名前と、線の種類(関係・家族・恋愛/好意・友人/仲間・敵対・主従/師弟・秘密)を付けられます。種類ごとに線の色が変わり、使った色の凡例が図に出ます。「片想い」「宿敵」のような関係の名前から、種類を自動で選びます
・矢印は片方・両方・なしから選べます。点線にもできます
・お互いの呼び方(「先生」「お兄ちゃん」など)を書くと、話す人の側の端に出ます
・同じ 2 人の間に何本でも線を引けます(重ならないように曲げて描きます)
・勢力・家・学校などの「囲み」を作って人物を入れられます。囲みの枠をドラッグすると、中の人物ごと動きます
・人物はドラッグで自由に動かせます。「自動で並べる」で、線でつながった人どうしと同じ囲みの人どうしが近くに来るように並べ直します
・画像の書き出し: PNG(等倍・2 倍・3 倍、背景を透明にもできます)と SVG
・保存は .json ファイルです。編集した内容は、ブラウザの中にも自動で残ります
・人物の検索、元に戻す・やり直す、ダークモード、ボタンを隠して図だけを出す閲覧モード
・人物は 300 人、線は 1,000 本まで置けます

■ 設定資料ノートと一緒に使う
夜なべ工房の「設定資料ノート」で保存した .json から、人物・勢力・人物どうしの関係(呼び方も)を読み込めます。勢力は囲みになり、人物と勢力の関係は、その勢力の囲みに入れます(1 人が入る囲みは 1 つで、「所属」などの関係を優先します)。同じ名前の人物は重ねて足しません。反対に、相関図くんの人物・囲み・関係を、設定資料ノートの「開く ▾」→「ほかのノートから取り込む」で読み込める .json に書き出せます。設定資料ノートを持っていなくても、相関図くんだけで使えます。

■ できないこと
・線を手で曲げたり、線の通り道を指定したりはできません
・1 人の人物が入れる囲みは 1 つです(囲みの中に囲みを作ることもできません)
・家系図のように世代ごとの段に並べる機能はありません
・1 つのファイルに入る図は 1 枚です(図を分けたいときは、別の .json に保存します)
・印刷の機能はありません(書き出した画像を印刷してください)

■ 体験版
人物は 8 人、線は 10 本まで置けます(見本の図も含みます)。保存と書き出し(画像・ファイル)は製品版だけの機能です。そのほか(線の種類・呼び方・囲み・自動で並べる・設定資料ノートからの読み込み)は試せます。体験版で作った図は、同じパソコンの同じブラウザで製品版を初めて開いたときに引き継がれます。

■ 動作環境
Windows 11 の Microsoft Edge と Google Chrome で動作を確認しています。パソコン向けです。ほかのブラウザや Mac、スマートフォンでは確認していません。インターネット接続は要りません。

■ AI の利用について
プログラムの大部分は AI のコーディング支援で作成しました。ツールに画像や文章を生成する機能はありません。

■ 不具合・要望
同梱の「はじめにお読みください.txt」に書いた連絡先へお知らせください。