日本語ツール一覧 / JSONをツリーとグラフで可視化（JSON Viewer）English version →
JSONをツリーとグラフで可視化（JSON Viewer）
深くネストしたJSONをテキストのまま読むのはほぼ不可能です。このツールは各オブジェクト・配列の要素数付きの折りたたみツリーに変換し、さらにデータをカードとして線で結んだグラフビューも提供します。ドラッグで移動、ホイールでズーム、枝ごとの折りたたみが可能です。
グラフビューはテキストでは見えないものを一目で示します。異常に大きい配列、必要以上に深いネスト、兄弟要素とフィールド構成が違う要素など。グラフはSVGとして書き出してドキュメントに貼ることもできます。
使い方
- JSONを入力欄に貼り付ける
- パネル右上でTree（ツリー）とGraph（グラフ）を切り替える
- グラフ表示：ドラッグで移動、スクロールでズーム、カードのヘッダーをクリックで枝を折りたたみ
よくある質問
- 整形ツールとの違いは？
- 整形ツールは「読みやすいテキスト」を、ビューアは「対話できる構造」を返します。未知のデータの把握や、深いペイロードから目的のフィールドを探すにはビューアの方が圧倒的に速いです。
- 大きなドキュメントでも動きますか？
- 最大10MBまで対応。大きなドキュメントでは深い枝が自動的に折りたたまれ、必要な部分だけ展開できるので動作は軽快です。
- グラフを書き出せますか？
- はい。SVGボタンでグラフ全体を白背景のベクターファイルとしてダウンロードでき、ドキュメントやスライドにそのまま使えます。