グラフ作成(円・棒・折れ線)

表に数字を打つか貼り付けるだけで、棒・横棒・積み上げ・折れ線・円・ドーナツのグラフを作成。資料・ブログ・発表用の 1 枚を PNG / SVG で保存できます。

できること

  • 棒・横棒・積み上げ棒・折れ線・円・ドーナツの 6 種類。種類を切り替えてもデータはそのまま
  • 表に直接打つか、Excel・Google スプレッドシート・CSV からそのまま貼り付け(見出し行は自動判定)
  • 色覚多様性で見分けられる順に並んだ 8 色。系列を減らしても残りの色は変わらない。色は 1 つずつ変えられる
  • 縦軸は 0 から、目盛りは 1・2・5 の刻み、2 軸グラフは作らない — 数字を正しく読める作りを既定に
  • PNG(2倍の解像度)・SVG で保存、画像のコピー、印刷、URL で共有。マウスを乗せると値が出る
  • タイトル・軸の名前・単位・値の表示・縦横比(16:9 / 4:3 / 1:1)・文字の大きさ

こんなときに

資料・レポートの 1 枚

Excel を開かずに、数字を打ってすぐ PNG を貼る。

ブログ・SNS の図

アンケートの結果を円グラフにして記事に。SVG なら拡大しても粗くならない。

学校の発表・自由研究

気温や人数の推移を折れ線に。印刷してポスターに。

スプレッドシートの表をきれいに

表を貼るだけで配色の整ったグラフに。色を選ぶ手間がいらない。

プライバシー

データはブラウザの中だけで処理し、サーバーには送信しません。端末(localStorage)に自動保存します。URL共有の短縮を使うときだけ、共有URL(データを含む)が短縮サービスに送られます。

よくある質問

Excel やスプレッドシートの表はどう貼りますか?

表の範囲をコピーして「表から貼り付け」の欄に貼り、「表に取り込む」を押します。タブ区切り(表をコピーしたとき)・カンマ区切り(CSV)のどちらも読みます。1 行目が文字なら見出し(系列名)として使い、1 列目は項目名になります。

円グラフの切れが多いときは?

8 切れを超えると、小さい残りを「その他」に 1 つにまとめます。色が増えると見分けがつかなくなるためです。全部を見せたいときは棒グラフか横棒グラフにしてください。

2 軸(左右で単位の違う)グラフは作れますか?

作れません。2 軸は見る人が線の交点に意味を読み取ってしまい、誤解のもとになるためです。単位の違うデータは別々のグラフにして並べることをおすすめします。

縦軸を 0 以外から始められますか?

できません。棒グラフは長さで量を表すため、0 から始めないと差が誇張されます。細かい差を見せたいときは折れ線で、値の表示をオンにしてください。

色は変えられますか?

系列名の横の色の四角から 1 つずつ変えられます。既定の 8 色は、隣り合う色が色覚多様性でも見分けられる順に並んでいます。

作ったグラフは保存されますか?

この端末のブラウザに自動保存され、次に開いたときに戻ります。別の端末で開くには「URLをコピーして共有」を使ってください(URL にデータが入ります)。

関連ツール

グラフの種類

データ

例を入れる

見た目

縦横比
文字の大きさ