2026/6/6
HARUKA
傾きが語る。貼るだけでスロープグラフが完成する。
このページについて
Edward Tufteが提唱した スロープグラフ(Slopegraph) を、ExcelデータをそのままコピペするだけでSVG形式に即生成するツールです。2時点間の変化・順位変動を複数系列で比較するのに適しています。
特徴 1
Excelからそのままコピペするだけ。カテゴリ名・Before値・After値の3列に対応。入力のたびにリアルタイムで再描画されます。
特徴 2
SVG・PNG形式でのダウンロードに対応。資料やレポートにそのまま貼り付けられます。
特徴 3
ラベルの重なりをSweep & Adjust法で自動回避。多系列でも視認性を保ちます。
特徴 4
軸反転(ランキング型)・欠損値・テキスト値に対応。「圏外」「サービス終了」などの非数値も表示できます。
免責事項・動作確認環境
このページはブラウザ上でデータを処理します。入力データはサーバーに送信されません。出力結果の正確性には最善を期していますが、利用に際して生じた損害について当サイトは責任を負いません。動作確認環境:Chrome 最新版 / Edge 最新版 / Firefox 最新版(Safari はSVGダウンロードの一部挙動が異なる場合があります)。
データ入力
Excelから貼り付け TAB区切り
列の並び順
ヘッダー行は自動スキップ。数値の代わりにテキスト(「圏外」など)も入力可。片側だけの欠損も対応。
カテゴリ名 値(Before) 値(After)ヘッダー行は自動スキップ。数値の代わりにテキスト(「圏外」など)も入力可。片側だけの欠損も対応。
設定
配色
〜
データを入力すると自動でチャートが描画されます。
Excelのセル範囲をそのままペーストできます。
スロープグラフについて役に立つ資料など
ゲージグラフの設計思想や、KPIダッシュボードにおける効果的な使い方を学ぶための参考資料です。
-
Edward R. Tufte, The Visual Display of
Quantitative Information, Graphics Press, 1983.
※スロープグラフ(Slopegraph)の原典 -
D3.js
(Data-Driven Documents)
※SVG描画エンジン