§01-26Data Visualization
Bump chart
期間ごとの順位の入れ替わりを折れ線で示す。
項目の順位が時間とともにどう入れ替わったかを追う。シェア順やランキングの推移で、値の大小より序列を見せたいときに向く。
実装のポイント
Y 軸を reversed にして 1 位を上に置き、目盛りを整数の順位に固定する。系列が多いときはホバーで 1 本を強調し、他を薄くする。
- 特徴
- チャート
- デモで使っているもの
- recharts
§01-26Data Visualization
期間ごとの順位の入れ替わりを折れ線で示す。
項目の順位が時間とともにどう入れ替わったかを追う。シェア順やランキングの推移で、値の大小より序列を見せたいときに向く。
Y 軸を reversed にして 1 位を上に置き、目盛りを整数の順位に固定する。系列が多いときはホバーで 1 本を強調し、他を薄くする。