本文へ移動

§01-07Data Visualization

ファネル図

段階ごとの到達数を幅の変化で示す。

登録や購入までの各段階で、どこで利用者が離脱しているかを把握する。改善すべき段を絞り込むときに使う。

実装のポイント

各段の幅は先頭比、右側の数値は直前段からの遷移率と、2 種類の割合を区別して表示する。離脱が大きい段を強調すると改善点が見つけやすい。

特徴
  • チャート
  • CSS のみ
ソース
funnel.tsx