흐름·전환·연결
각 항목을 클릭하면 시각 예시·비교·원문을 볼 수 있습니다.
퍼널 차트 Funnel Chart
연속 단계의 사용자 수나 건수를 폭으로 비교합니다.
흐름·전환·연결 설계와 분석 화면의 시각화 선택에 활용합니다.
전환율의 분모가 최초 단계인지 직전 단계인지 명시하세요.
워터폴 차트 Waterfall Chart
시작값에서 양수·음수 변화를 누적해 최종값에 도달하는 과정을 표시합니다.
흐름·전환·연결 설계와 분석 화면의 시각화 선택에 활용합니다.
중간 막대는 누적 기준에서 시작합니다. 모든 막대가 0에서 시작하지 않습니다.
생키 다이어그램 Sankey Diagram
노드 사이를 이동하는 양을 흐름 띠의 폭으로 나타냅니다.
흐름·전환·연결 설계와 분석 화면의 시각화 선택에 활용합니다.
이동량과 단계별 잔량의 집계 기준이 일치해야 합니다.
앨루비얼 다이어그램 Alluvial Diagram
여러 범주 단계 사이에서 집단이 분할·결합되는 흐름을 보여줍니다.
흐름·전환·연결 설계와 분석 화면의 시각화 선택에 활용합니다.
생키와 겹치는 표현이지만 여기서는 단계별 범주 소속을 강조합니다.
코드 다이어그램 Chord Diagram
원 둘레의 그룹 사이 관계 크기를 내부 연결 띠로 표현합니다.
흐름·전환·연결 설계와 분석 화면의 시각화 선택에 활용합니다.
관계가 많으면 복잡해지므로 방향·중복 합산 규칙을 표시하세요.
네트워크 그래프 Network Graph
대상은 노드로, 관계는 연결선으로 표현합니다.
흐름·전환·연결 설계와 분석 화면의 시각화 선택에 활용합니다.
레이아웃의 거리가 실제 관계 거리인지 단순 배치인지 구분하세요.
노드 링크 트리 Node-link Tree
루트에서 자식으로 이어지는 계층을 연결선으로 보여줍니다.
흐름·전환·연결 설계와 분석 화면의 시각화 선택에 활용합니다.
일반 네트워크와 달리 트리 구조의 부모·자식 관계를 강조합니다.
Flow, conversion & networks
Open an entry for its visual reference, comparisons and source-language text.
Funnel Chart 퍼널 차트
Compares counts across sequential stages using widths.
Use when designing flow, conversion & networks and selecting analytical visualizations.
Specify whether conversion rates use the first or preceding stage as denominator.
Waterfall Chart 워터폴 차트
Accumulates positive and negative changes from a starting value to an ending value.
Use when designing flow, conversion & networks and selecting analytical visualizations.
Intermediate bars float on cumulative baselines rather than starting at zero.
Sankey Diagram 생키 다이어그램
Encodes quantities moving between nodes as flow-band widths.
Use when designing flow, conversion & networks and selecting analytical visualizations.
Flow and node totals need consistent aggregation rules.
Alluvial Diagram 앨루비얼 다이어그램
Shows groups splitting and merging across categorical stages.
Use when designing flow, conversion & networks and selecting analytical visualizations.
Related to Sankey diagrams; this example emphasizes categorical membership across stages.
Chord Diagram 코드 다이어그램
Places groups around a circle and connects them with weighted ribbons.
Use when designing flow, conversion & networks and selecting analytical visualizations.
Many links become cluttered; explain direction and counting rules.
Network Graph 네트워크 그래프
Represents entities as nodes and relationships as edges.
Use when designing flow, conversion & networks and selecting analytical visualizations.
Distinguish meaningful distances from layout-only spacing.
Node-link Tree 노드 링크 트리
Shows parent–child hierarchy as a rooted node-link structure.
Use when designing flow, conversion & networks and selecting analytical visualizations.
Unlike a general network, it emphasizes tree-structured parenthood.