§01-13Data Visualization
スパークライン
表の行内に収まる軸なしの小さな折れ線を描く。
数値一覧に推移の形を添え、一覧のまま傾向を比べられる。指標カードや銘柄一覧など、行ごとの変化を省スペースで示したい場面に向く。
実装のポイント
軸・目盛り・凡例を省き、最新値と増減率を隣に置いて文脈を補う。行内に並べる場合は縦軸のスケールを揃えるかどうかを明示的に決める。
- 特徴
- チャート
- デモで使っているもの
- SVG
§01-13Data Visualization
表の行内に収まる軸なしの小さな折れ線を描く。
数値一覧に推移の形を添え、一覧のまま傾向を比べられる。指標カードや銘柄一覧など、行ごとの変化を省スペースで示したい場面に向く。
軸・目盛り・凡例を省き、最新値と増減率を隣に置いて文脈を補う。行内に並べる場合は縦軸のスケールを揃えるかどうかを明示的に決める。