本文へスキップ
Chart

チャート生成

CSV から棒・折れ線・円グラフ（SVG）を生成。

ブラウザ内処理・データ送信なし

CSV（ラベル,値）から棒・折れ線・円グラフの SVG を生成します。

JanFebMarAprMay
種類: bar
データ点数: 5
Jan=12
Feb=19
Mar=8
Apr=15
May=22
<svg xmlns="http://www.w3.org/2000/svg" width="480" height="280" viewBox="0 0 480 280"><rect width="100%" height="100%" fill="#f8fafc"/><rect x="60.5" y="118.5" width="58.2" height="113.5" fill="#4f46e5"/><text x="89.6" y="268" text-anchor="middle" font-size="10" fill="#334155">Jan</text><rect x="143.7" y="52.4" width="58.2" height="179.6" fill="#4f46e5"/><text x="172.8" y="268" text-anchor="middle" font-size="10" fill="#334155">Feb</text><rect x="226.9" y="156.4" width="58.2" height="75.6" fill="#4f46e5"/><text x="256.0" y="268" text-anchor="middle" font-size="10" fill="#334155">Mar</text><rect x="310.1" y="90.2" width="58.2" height="141.8" fill="#4f46e5"/><text x="339.2" y="268" text-anchor="middle" font-size="10" fill="#334155">Apr</text><rect x="393.3" y="24.0" width="58.2" height="208.0" fill="#4f46e5"/><text x="422.4" y="268" text-anchor="middle" font-size="10" fill="#334155">May</text></svg>

チャート生成について

CSV から棒・折れ線・円グラフ（SVG）を生成。 処理はブラウザ内で完結します。

使い方

  1. CSV を貼り付け
  2. 種類を選ぶ
  3. SVG を確認

よくある質問（FAQ）

無料？

はい。

送信される？

いいえ。