棒グラフ作成ツール
名前付きのカテゴリ2件から20件と、データ系列1件から4件で見やすい棒グラフを作成します。編集可能な表に値を入力するか、見出し行付きのCSVまたはタブ区切りテキストを貼り付けてください。集合棒グラフか積み上げ棒グラフ、縦向きか横向き、配色、値ラベル、グリッド線、出典メモを選べます。グラフ、元データ、書き出しファイルはブラウザで作成されます。完成したグラフはSVGまたはPNGでダウンロードでき、データはCSVとして保持できます。
棒グラフの作り方
-
1
ラベル付きデータを追加する
表にカテゴリ2件から20件、系列1件から4件を入力するか、CSVまたはタブ区切りの行を貼り付けます。各カテゴリには名前が必要で、各値は有限の非負数でなければなりません。
-
2
比較方法を選ぶ
カテゴリ内の各系列を比較するには集合棒グラフ、カテゴリ合計を示すには積み上げ棒グラフを使います。向きを選び、タイトル、軸ラベル、出典メモ、表示オプションを追加します。
-
3
確認して書き出す
グラフだけでなく付属のデータ表も読み、重複したカテゴリ名を確認してから、現在のグラフをSVGまたはPNGでダウンロードします。元のCSVはコピーまたはダウンロードもできます。
質問に合わせて集合棒か積み上げ棒を選ぶ
集合棒グラフでは、各カテゴリの中で系列を横に並べます。たとえば北部、南部、東部、西部について今年と昨年を比べるように、カテゴリ内の比較が重要なときに便利です。積み上げ棒グラフでは、各カテゴリ内の系列を合計します。カテゴリの合計と内訳を見るのに役立ちますが、ゼロから始まらない系列どうしを比較する用途には向きません。
このツールが受け付けるのは、有限で非負の値だけです。件数、金額、率など、ゼロが意味のある基準となる指標に使ってください。負の棒は描かず、パーセンテージは計算せず、統計的に適切なグラフ種類を決めたり、数値から結論を導いたりもしません。各カテゴリと系列に具体的な名前を付け、必要なら値軸ラベルに注文数、分、USDのような単位を加えてください。
| 目的 | 適した設定 | 理由 |
|---|---|---|
| 地域ごとに2025年と2026年を比較する | 集合棒グラフ | 両年が各地域で同じゼロ基準を共有する |
| 地域合計の内訳を示す | 積み上げ棒グラフ | 各色の区分が一つのカテゴリ合計に寄与する |
| 長いカテゴリ名を読みやすくする | 横向き棒グラフ | 左側にラベル用の広い空間がある |
| 値を確認用に残す | CSV書き出しまたはデータ表 | 棒の高さを推測せず名前付きの値を確認できる |
例:四半期ごとの注文数
2年分を比較するには、次のCSVを貼り付けます。最初の行はカテゴリ列と系列名、続く行はカテゴリ名と数値です。
Quarter,2025,2026
Q1,42,55
Q2,36,48
Q3,51,46
Q4,28,39
縦向きの集合棒グラフでは、Q1に2025年の42と2026年の55が並びます。四半期の合計を強調したい場合にだけ積み上げ棒へ切り替えてください。透明な背景は文書への配置に合い、白い背景は単体で読む場合に見やすいことが多いです。
読みやすいグラフデータとプライバシー
生成されたSVGにはタイトルと短い説明があり、ページには同じカテゴリと系列の値が行見出し・列見出しを持つ構造化表で表示されます。この表は正確な値を知りたい人に役立ち、棒の色だけへの依存を減らします。系列名は区別しやすくし、数値自体が重要なときは値を表示したままにしてください。
カテゴリ名、値、スタイル設定、生成したSVGはブラウザ内に残ります。複数ステップのフローでは、作業状態がこのブラウザタブのセッションストレージに保存され、ステップ間で引き継がれます。URLに入ったりLivewireを通じて送信されたりすることはありません。SVG、PNG、CSVのダウンロードはローカルで生成されます。タブを閉じるかセッションストレージを消去すると未完成のグラフが失われる場合があるため、残したいときはコピーを書き出してください。
よくある質問
名前付きカテゴリ行を2件から20件、名前付き系列を1件から4件使えます。貼り付ける表には、カテゴリとその後に1件から4件の系列列を置いた見出し行が必要です。各値は有限の非負数で、少なくとも1つの値はゼロより大きくなければなりません。
集合棒グラフは各カテゴリについて系列を横に並べるため、カテゴリ内の比較がしやすくなります。積み上げ棒グラフは各カテゴリ内で系列を足し合わせ、合計と内訳を示せます。どちらが適切かをツールが選ぶことはありません。
いいえ。このバージョンが取り込めるのは貼り付けたCSVまたはタブ区切りテキストだけで、ローカルファイルをアップロードしたり読み取ったりしません。ゼロ以上の有限値を受け付け、負の値は描画しません。
各カテゴリを行、各名前付き系列を列として、グラフを描くために使った値を一覧にします。SVGにもグラフのタイトルと短い説明が含まれます。棒の高さから推定するのでなく正確な値を確認したいときは、表を使ってください。
いいえ。カテゴリ名、値、設定、生成したSVG、ダウンロードはブラウザに残ります。任意の複数ステップのフローでは、作業中のグラフはこのタブのセッションストレージに保持され、URLに置かれずLivewireリクエストでも送信されません。通常のページ移動では通常のページリクエストが行われます。
現在のグラフをSVGベクター画像またはPNG画像としてダウンロードし、元データをCSVとしてダウンロードできます。ブラウザが対応していれば、生成されたCSVをクリップボードにコピーすることもできます。
関連ツール
PNGからSVGへのベクター変換
PNGのラスター画像をブラウザ内でSVGパスに変換します。ロゴ、アイコン、線画に最適です。しきい値、色数、スムージングを調整できます。
GIFメーカー
連番画像や短い動画をアニメーションGIFに変換します。書き出し前にフレームレート、ループ回数、サイズを調整できます。
画像アップスケーラー
AI超解像または従来の補間処理で、低解像度画像を2×、3×、4×に拡大しながら重要なディテールを保ちます。
バーコードジェネレーター
Code 128、Code 39、EAN-13、UPC-A、ITF-14、Codabarで読み取り可能な1Dバーコードを作成します。印刷用にPNG、SVG、PDFで書き出せます。
GIFを圧縮
ブラウザ内でアニメーションGIFを小さくします。サイズ縮小、保持するフレーム数の調整、エンコード品質の変更を行い、ダウンロード前にループを確認できます。
SVGをPNGに変換
SVGファイルやSVGマークアップをブラウザ内でPNGに変換し、倍率を選びながら透明なエッジをシャープに保ちます。