{}

JSONグラフ作成ツール:JSONをグラフに変換

解析コードを一行も書かずに、生の JSON からインタラクティブなチャートを生成できます。.json ファイルをアップロードするか API レスポンスを貼り付けると、エンジンがネスト構造をフラット化し、データに最適なチャートを選びます。

無料で試す →

登録不要 · データ非保存 · 完全無料

使い方

  1. 1

    JSONファイルをアップロード

    .json ファイルをドロップしてください。登録不要。

  2. 2

    AI 支援による変換

    エンジンがデータを読み込み、列の種類を検出し、各パターンに最適なグラフを選択します。

  3. 3

    グラフを可視化

    インタラクティブなグラフが即座に完成。トレンドを探索してインサイトを共有しましょう。

必要なものすべて、それ以上なし

アカウント不要

即時アップロード、登録なし。

プライバシー最優先

ファイルはサーバーに保存されません。

どのデバイスでも

モバイルとデスクトップで動作します。

AI搭載

データから最適なグラフを自動選択。

よくある使用例

APIデータを直接グラフ化

エンドポイントが返すJSONを取り、その数値フィールドを解析コードなしでグラフに変換します。すでに取得しているライブデータの手早いダッシュボードに便利です。

指標やイベントの可視化

イベントストリームや指標はたいていJSON配列です。件数・継続時間・金額を時系列で描き、生のペイロードでは見えないパターンを捉えます。

ネストしたレコードの報告

ネストしたレスポンスから重要な配列を取り出してグラフ化し(注文・ユーザー・明細)、APIを決して見ない人向けにJSONデータセットを要約します。

パーサーを書かずに JSON をグラフにする

API レスポンスをグラフに変えるには、通常コードを書きます。レスポンスを取得し、目的の配列までたどり、入れ子のフィールドを平坦化し、使用するグラフライブラリが求める形に変換する——1 分で答えを知りたかった問いのために、慣れた 1 時間の作業が必要になります。 ここではまずファイルが読み取られます。解析処理がレコードを見つけ、入れ子のフィールドを平坦化し、どの列が数値・日付・カテゴリを持つかを判定します。その構造に合うグラフの種類がすぐに生成されるため、グラフを作るのではなく、まず見るところから始められます。

グラフの種類はどう決まるか

グラフの選択は好みではなくデータの形に従います。 数値フィールドの隣にある日付フィールドは時間に沿った系列であり、折れ線グラフで最も読みやすくなります。時系列の指標やイベント数でよくある形です。数値フィールドの隣にあるカテゴリフィールドはグループ間の比較であり、棒グラフが適します。数値フィールドが 2 つあれば関係性を示唆し、散布図がそれを表します。全体を構成する少数のカテゴリなら円グラフが機能します。 1 つではなく複数の候補が提示されます。同じレコードが複数の妥当な読み方を許すことが多いためです。どのグラフもスライド・文書・メッセージ用に PNG としてダウンロードできます。

グラフに向いた JSON の構造

ジェネレーターは、同じキーを共有するオブジェクトの配列を前提とします。各オブジェクトがデータ点、各キーが軸や系列の候補です。 数値は JSON の数値として保持してください。引用符付きで "42" と書かれた値は文字列であり、文字列の列は数値軸ではなくカテゴリとして描画されます。グラフがおかしく見える最も一般的な原因がこれです。日付についても同様で、ISO 形式の日付は解釈されますが、独自形式は解釈されないことがあります。 均一なレコードが最も安定した結果を生みます。オブジェクト間でキーが欠けていたり余分だったりしても動作しますが、系列に隙間ができます。1 つのファイルに無関係なコレクションが複数含まれる場合は、1 つずつグラフにしてください。 配列を自分で取り出したり入れ子のフィールドを平坦化したりする必要はありません。NDJSON の入力を含め、どちらも自動で処理されます。

グラフと並べて表を読む

グラフと解析済みのレコードは同じ画面の 2 つのタブに置かれます。グラフがおかしく見えるとき、その理由はたいてい表に現れます。文字列として保存された数値フィールド、解釈できなかった日付、ほかとキーが異なるレコードなどです。 表の各列は検出された型を示し、検索ボックスが全列を対象にします。平坦化したデータを別の場所で使う場合は、CSV と JSON のエクスポートが同じ場所にあります。入れ子の API レスポンスを表計算ソフトへ移す最短の方法でもあります。

ヒントとベストプラクティス

ジェネレーターは、同じキーを共有するオブジェクトの配列から最も適切にグラフを作ります。各オブジェクトがデータ点、各キーが軸や系列の候補になります。配列を自分で取り出す必要はありません。{"data":{"items":[…]}} の中にあっても解析処理が見つけ出し、入れ子のフィールドは user.name のようなドット区切りの列に平坦化されます。NDJSON ファイルにも対応しています。系列ごとに数値フィールドを 1 つ、軸には一貫したラベルフィールド(日付やカテゴリ)を使ってください。数値は "42" のような文字列ではなく JSON の数値として保持すると、カテゴリではなく数値軸として描画されます。オブジェクト間でキーが異なっていたり欠けていたりしても動作しますが、隙間ができることがあります。均一なレコードが最も安定したグラフを生みます。

データを可視化する準備はできていますか?

JSONファイルをアップロードして、データが生き生きとする様子をご覧ください。

無料で試す →

よくある質問

Q.このサイトで何ができますか?また、JSONファイルをグラフに変換するにはどうすればよいですか?

このサイトは、JSON(.json)ファイルを視覚化、閲覧、およびインタラクティブなグラフに変換するための無料のオンラインツールです。ファイルをアップロードするだけで、グラフが自動生成されます。

Q.対応しているファイル形式は何ですか?

.json ファイルに対応しています。

Q.どの種類のグラフを生成できますか?

棒グラフ、折れ線グラフ、面グラフ、円グラフ、散布図、トレンドグラフ — データに基づいて自動的に選択されます。

Q.無料ですか?

100%無料です。サインアップ不要、クレジットカード不要、制限なし。

Q.API レスポンスをそのままグラフにできますか?

はい。レスポンスを .json ファイルとして保存してアップロードしてください。レコードはラッパーオブジェクトの中から見つかるため、一般的な {"data":{"items":[…]}} のペイロードは編集不要です。

Q.どのようなグラフを作成できますか?

棒グラフ、折れ線グラフ、散布図、円グラフです。候補はフィールドの型に従い、日付と数値なら折れ線、カテゴリと数値なら棒グラフが選ばれやすくなります。

Q.数値がカテゴリとして描画されるのはなぜですか?

文字列として保存されているためです。引用符付きの "42" は数値ではなく文字列です。元の JSON から引用符を外すと、そのフィールドは数値として解析されます。

Q.入れ子のフィールドを軸として使えますか?

はい。入れ子のオブジェクトは user.plan のようなドット区切りの列に平坦化され、その列はほかの列と同じように軸や系列として使えます。

Q.グラフをダウンロードできますか?

はい。各グラフに PNG を保存するダウンロードボタンがあり、解析済みのデータは同じ画面から CSV または JSON としてエクスポートできます。

別の形式のファイルをお持ちですか?

形式ごとに、それ専用のツールを用意しています。