Chart Generator

使い方

1. 左側のパネルにデータを貼り付けます。CSV はヘッダー行が必要で、先頭列がラベル、残りの列がそれぞれ系列になります。
2. JSON にも対応しています。ヘッダー行付きの二次元配列、または先頭の非数値キーをラベルとするオブジェクト配列です。
3. 棒グラフ、折れ線グラフ、円グラフを選びます。円グラフは最初の系列だけを使い、各スライスに割合を表示します。
4. 幅と高さを調整して Generate を押します。
5. Download で PNG を保存するか、Copy で解析サマリーをコピーします。

よくある用途

• エクスポートの確認 —— データベースや表計算から CSV を一部コピーして、コードを書く前に全体の形を把握する。
• スライドや資料 —— 2 倍サイズの PNG を書き出せば、投影で拡大しても鮮明です。
• 集計結果のチェック —— サマリーに系列ごとの最小・最大・合計が出るため、明らかに違う列がすぐ分かります。
• データの形を教える —— 同じデータを 3 種類のグラフで切り替え、読み取り方の違いを示せます。

よくある質問

Q: CSV はどんな並びにすればよいですか？ A: ヘッダー行を置き、各行の先頭セルをラベル、残りを数値にします。ヘッダー行がない場合は、ラベルと Value という 1 系列として扱われます。

Q: 円グラフが 1 系列しか使わないのはなぜですか？ A: 円グラフは 1 つの合計に対する内訳を示すため、最初の系列だけを使います。負の値は合計の一部にならないため除外されます。

Q: 負の値も扱えますか？ A: 扱えます。軸は自動的に 0 より下へ伸び、棒はゼロ線から下向きに描かれます。

Q: 書き出される PNG が 2 倍なのはなぜですか？ A: キャンバスを指定サイズの 2 倍のピクセルで描画してから表示時に縮小しているため、保存されるファイルは縦横とも 2 倍のピクセル数になります。