棒グラフ作成

数値を入力または貼り付けるだけで、レポート、スライド、投稿にそのまま使えるすっきりした棒グラフができます。値の列が1つなら単純な棒グラフ、2列以上なら凡例付きのグループ化または積み上げの棒グラフになります。グラフはブラウザー内で描画され、文書用のPNGと、鮮明さを損なわずに拡大縮小やスタイル変更ができるSVGとして出力されます。

使い方

1. 棒1本につき「ラベル, 値」を1行ずつ入力するか、ExcelやGoogleスプレッドシートの表を、1行目に系列名が来るように貼り付けます。
2. 縦棒か横棒かを選び、系列が複数ならグループ化か積み上げかを選びます。
3. タイトル、軸のタイトル、値の表示を追加し、色のセットか自分のHEXカラーを選びます。
4. サイズとPNGの解像度を設定し、PNGまたはSVGをダウンロードします。

計算式

step = nice(range ÷ n), with nice() rounding to 1, 2 or 5 × 10ᵏ; axis = [⌊min ÷ step⌋ × step, ⌈max ÷ step⌉ × step]

棒の長さがそのまま値なので、値の軸には必ず0が含まれます。棒グラフを0より上から始めると差が誇張されます。n（区間の数）はグラフのサイズに従い、縦棒では高さ70 pxごと、横棒では幅110 pxごとに1本の目盛り線が入ります。棒の上に値を表示する場合は、ラベルがグラフ内に収まるよう、最大値と最小値にまず8%の余白が加えられます。

計算例

2025年と2026年のノートPC 42/51、スマートフォン 65/72、タブレット 28/24、アクセサリー 19/31は、4つのグループで棒8本になります。最大値は72で、ラベル用に8%の余白を加えると77.8です。既定の高さ500 pxでは軸は7区間を目標にし、77.8 ÷ 7 ≈ 11.1が刻み10に丸められるため、軸は0〜80になります。