My IT Utilities

JSONグラフ

入力

リアルタイム変換

グラフ

JSONを貼り付けるか入力すると、グラフで表示されます。

最後のJSONはこのブラウザ（localStorage）に保存され、機密データが含まれる可能性があります。サーバーには一切送信されません。

JSONグラフビューアは、JSONをつながったノードのグラフに変換します。オブジェクトと配列はそれぞれカードとして表示され、キーまたは要素の数が確認できます。左側にJSONを入力または貼り付けると、ライブ変換でグラフが即座に更新され、有効か無効かを示すバッジも表示されます。ノードの検索、拡大縮小、画面に合わせた全体表示にも対応し、深い階層の構造も把握しやすくなります。処理はブラウザー内で行われ、JSONが外部に送信されることはありません。

使い方

  1. 「入力」パネルにJSONを貼り付けるか、ファイルをアップロードします。「サンプル」でグラフの例も確認できます。
  2. 「有効」「無効」のバッジを確認します。無効な場合は、通知に行と列が表示されます。
  3. ノードをクリックして展開または折りたたみ、ズームや「全体表示」で見たい位置に移動します。
  4. 「ノード検索」でキーを探し、「前へ」「次へ」で一致箇所を順に確認します。
  5. 境界線をドラッグしてパネルの幅を調整します。

よくある質問

グラフの各ノードには何が表示されますか？
オブジェクトまたは配列ごとに1つのノードがあり、その内容とキーまたは要素の数が表示されます。含まれるノードとは線でつながります。
非常に大きなJSONではどうなりますか？
ノードが1000個を超える場合は、レベル2以降を折りたたんだ状態で表示されます。ノードをクリックすると展開できます。
グラフ上でJSONを編集できますか？
いいえ、グラフは閲覧専用です。入力パネルでテキストを編集すると、ライブ変換でグラフが再構築されます。
JSONはサーバーに送信されますか？
いいえ。処理はブラウザー内で行われます。直前のJSONはブラウザーにのみ保存され、「保存データを削除」で消去できます。

関連ツール