Funnel - Flow
funnel-flow단계 값만큼의 두께를 가운데 정렬한 흐름으로 그린 카드입니다. 방문에서 구매까지처럼 단계마다 얼마나 좁아지는지를 한눈에 보여줄 때 씁니다.
들어 있는 판단 3
- 흐름의 두께는 값에 비례합니다. 마지막 단계가 아주 작아도 4px은 남겨 흐름이 끊겨 보이지 않게 합니다.
- 칸 위에는 단계 이름과 값을, 지난 기간 값(
prev)이 있으면 KPI 카드와 같은 증감 배지를 적습니다. 흐름 안의 흰 알약은 첫 단계 대비 비율입니다. - 단계는 네 개 안팎으로 둡니다. 칸이 좁아지면 값 글자가 카드 폭에 맞춰 작아집니다.