2026/5/22
HARUKA
数字は語るが、ゲージは叫ぶ。言葉を尽くすな、進捗の熱量をその針に込めろ。
このページについて
ゲージグラフ(メーターグラフ)を、コードなしでブラウザ上だけで作成できるジェネレーターです。KPIダッシュボードや進捗レポートに使える図を、SVG・PNG形式でそのまま書き出せます。
【一覧比較したい方へ】多数のKPIを並列して見せたい場合は、円形のゲージではなく、直線的で省スペースな『ブレットグラフジェネレーター』での集約が効果的です。
特徴 1
半円・3/4円・フルサークルの3スタイルをタブで即切替。用途に合ったゲージ形状を選べます。
特徴 2
カラーゾーンの数・色・比率を自由設定。信号機・シトラスなどのプリセットパレットも用意しています。
特徴 3
主目盛り・補助目盛りの本数と表示位置を細かく調整できます。針(ニードル)のオン/オフも可能。
特徴 4
SVG・PNG形式でダウンロード可能。入力データはブラウザ上でのみ処理され、サーバーには送信されません。
免責事項・動作確認環境
このページはブラウザ上でデータを処理します。入力データはサーバーに送信されません。出力結果の正確性には最善を期していますが、利用に際して生じた損害について当サイトは責任を負いません。動作確認環境:Chrome 最新版 / Edge 最新版 / Firefox 最新版(Safari はSVGダウンロードの一部挙動が異なる場合があります)。
スタイル・値
値
最小値
最大値
単位
ラベル
針(ニードル)
軌跡幅
24
目盛り
主目盛り
主目盛り数
5
補助目盛り
補助分割数
4
目盛りラベル
ラベル位置
小数桁数
0
カラーゾーン
ゲージグラフについて役に立つ資料など
ゲージグラフの設計思想や、KPIダッシュボードにおける効果的な使い方を学ぶための参考資料です。
-
Stephen
Few『Information Dashboard Design』O'Reilly, 2006年
※ゲージグラフの使用が適切な場面と誤用されやすいパターンについての古典的考察 -
D3.js —
Data-Driven Documents
※本ツールの描画エンジン。d3.arc() によるドーナツ弧生成を使用しています