オンライングラフ作成

機能

• 5 種類：棒グラフ・折れ線グラフ・円グラフ・散布図・レーダーチャート
• データは 1 行に「ラベル,値」。カンマ・タブ・セミコロン・空白に対応
• Excel が出力する引用符付き桁区切り（"1,200"）も 1200 として読めます
• 軸の目盛りは読みやすい数値に丸め（97 は 100、刻みは 25）
• 散布図とレーダーはそれぞれ独立に数値軸を計算
• タイトル・メインカラー・サイズ・グリッド線・値の表示を調整可能
• データが 1 点だけの円グラフは真円で描画（弧だと始点と終点が重なり描かれません）
• ラベルとタイトルは XML エスケープするため、`<` や `&` を含んでも SVG が壊れません
• 書き出した SVG は xmlns 付きで、そのまま画像ファイルとして使えます

使い方

1. 左側にデータを 1 行に「ラベル,値」の形で貼り付けます
2. グラフの種類を選び、必要ならタイトル・色・サイズを調整します
3. 右側のプレビューを確認し、SVG をコピーするか「.svg をダウンロード」します

よくある質問

Excel からそのまま貼り付けられますか？

貼り付けられます。これが最も多い使い方です。表計算で 2 列を選んでコピーすると「ラベル<Tab>値」または「ラベル,値」の形になるので、どちらも認識します。引用符付きの桁区切りにも対応しています。Excel が CSV を書き出すとき `1,200` は `"1,200"` になりますが、カンマで機械的に切ると `"1` と `200"` という数値にならない断片になります。ここでは引用符を考慮して分割しています。なお散布図は例外で、1 行に 2 つの数値（x と y）が必要です。

最大値が 97 なのに軸の上限が 100 なのはなぜですか？

目盛りを読みやすい数値に丸めているからです。軸をちょうど 97 まで引いて 5 等分すると 0 / 24.25 / 48.5 / 72.75 / 97 になり、読む気になれません。そこで上下限を 1・2・5 の倍数に切り上げます（ナイスナンバー丸め。本格的なグラフライブラリはどれも同じです）。97 は 100 の位置に来て、目盛りは 0 / 20 / 40 / 60 / 80 / 100 になります。余った分は目盛りの余白で、データの誤りではありません。

PowerPoint や文書にそのまま使えますか？

使えます。「.svg をダウンロード」で得られるのは完全なベクターファイルで、Word・PowerPoint・Illustrator・Figma がいずれも読み込めますし、拡大してもぼやけません。SVG を受け付けない相手（古い Office や一部のチャットアプリ）の場合は、ブラウザで開いて PNG として書き出してください。SVG から始める理由は、サイズを変える必要が出たときにベクターの代わりがないからです。