생키 다이어그램이란?
생키 다이어그램은 화살표의 너비가 나타내는 흐름량에 비례하는 흐름 다이어그램입니다. 시스템을 통해 양이 흐르고, 분할되고, 병합되는 방식을 보여주는 데 뛰어납니다. 아일랜드의 매튜 생키 대위의 이름을 딴 이 다이어그램은 에너지 전달, 예산 흐름, 전환 퍼널 및 비례적 흐름을 이해하는 것이 중요한 모든 프로세스를 시각화하는 데 매우 유용합니다.
편집 및 미리보기
Mermaid 문법으로 생키 다이어그램을(를) 작성하고 변경 사항을 즉시 확인하세요.
Example
Sankey diagram example
A Mermaid sankey diagram showing how editor exports flow into documentation uses.
Mermaid code
sankey-beta
Editor,PNG export,42
Editor,SVG export,28
Editor,PDF export,18
Editor,JPG export,12
PNG export,Documentation,35
SVG export,Website,22
PDF export,Presentation,15일반적인 사용 사례
전환 퍼널 분석
마케팅 또는 영업 퍼널을 통한 사용자 흐름을 시각화합니다. 각 단계에서 사용자가 이탈하는 위치와 트래픽이 전환되는 방식을 확인합니다.
에너지 흐름 시각화
시스템 전체에서 에너지가 생성, 변환, 소비되는 방식을 보여줍니다. 각 단계에서의 손실과 효율성을 추적합니다.
예산 및 비용 흐름
수입원에서 부서를 거쳐 비용으로 돈이 흐르는 방식을 설명합니다. 재무 분배를 직관적으로 만듭니다.
공급망 매핑
공급업체에서 제조를 거쳐 유통까지 자재와 제품을 추적합니다. 각 단계의 수량을 시각화합니다.
주요 기능
비례 화살표
화살표 너비가 흐름량을 나타내도록 자동으로 조정되어 상대적 볼륨을 즉시 확인할 수 있습니다.
노드 레이블
흐름의 각 단계 또는 엔티티를 식별하기 위해 설명적 레이블로 소스 및 대상 노드를 정의합니다.
다중 흐름
하나의 소스에서 여러 대상으로 분할되거나 여러 소스에서 하나의 대상으로 병합되는 흐름을 보여줍니다.
간단한 CSV 스타일 문법
쓰기 쉽고 유지하기 쉬운 직관적인 소스, 대상, 값 트리플을 사용하여 흐름을 정의합니다.
모범 사례
왼쪽에서 오른쪽으로 흐름
자연스러운 읽기 방향과 시간적 진행에 맞춰 흐름이 왼쪽에서 오른쪽으로 이동하도록 다이어그램을 배치합니다.
의미 있는 노드 이름 사용
독자가 각 단계 또는 엔티티가 무엇을 나타내는지 즉시 이해할 수 있도록 노드에 명확한 레이블을 지정합니다.
복잡성 제한
흐름과 노드 수를 관리 가능하게 유지합니다. 너무 많은 교차 화살표는 가독성을 감소시킵니다.
데이터 정확성 보장
시각적 비율이 독자에게 양을 직접 전달하므로 흐름 값이 정확한지 확인합니다.
다른 다이어그램 유형 살펴보기
순서도
노드와 방향 화살표로 프로세스, 워크플로, 알고리즘을 시각화합니다. 비즈니스 프로세스와 의사결정 트리에 적합합니다.
시퀀스 다이어그램
시간에 따른 액터 또는 시스템 간의 상호작용을 문서화합니다. API 문서화와 시스템 설계에 이상적입니다.
클래스 다이어그램
클래스, 속성, 관계로 객체지향 시스템을 모델링합니다. 소프트웨어 아키텍처 설계에 필수적입니다.
상태 다이어그램
시스템이나 애플리케이션의 상태 전이를 표현합니다. 라이프사이클 상태와 워크플로 모델링에 적합합니다.
간트 차트
작업과 종속성으로 프로젝트 타임라인을 계획하고 추적합니다. 프로젝트 관리와 일정 관리에 완벽합니다.
ER 다이어그램
엔티티와 관계로 데이터베이스 스키마를 설계합니다. 데이터베이스 모델링과 문서화에 이상적입니다.
사용자 여정
터치포인트 전반에 걸친 사용자 경험과 상호작용을 매핑합니다. UX 설계와 고객 여정 매핑에 탁월합니다.
Git 그래프
Git 브랜치 전략과 커밋 히스토리를 시각화합니다. 버전 관리 워크플로 설명에 유용합니다.
마인드맵
아이디어를 정리하고, 개념을 브레인스토밍하며, 계층적 시각 구조를 만듭니다. 기획과 지식 매핑에 완벽합니다.
파이 차트
원형 차트로 비율 데이터 분포를 표시합니다. 백분율과 시장 점유율 분석에 이상적입니다.
타임라인
시간 축을 따라 연대순 이벤트와 마일스톤을 시각화합니다. 프로젝트 히스토리와 로드맵에 적합합니다.
칸반 보드
워크플로 단계를 나타내는 열에 작업을 정리합니다. 애자일 프로젝트 관리와 작업 추적에 완벽합니다.
사분면 차트
두 축 그리드에 항목을 배치하여 비교하고 우선순위를 정합니다. 기능 우선순위 설정과 전략 분석에 이상적입니다.
XY 차트
사용자 정의 가능한 축으로 막대 차트와 라인 차트를 만듭니다. 데이터 시각화와 트렌드 분석에 이상적입니다.
블록 다이어그램
열과 행으로 배열된 블록으로 구조화된 레이아웃을 만듭니다. 시스템 아키텍처와 구성 요소 개요에 적합합니다.
아키텍처 다이어그램
서비스 아이콘과 연결로 클라우드 및 시스템 아키텍처를 설계합니다. 인프라 문서화에 완벽합니다.
패킷 다이어그램
비트 수준 필드 레이아웃으로 네트워크 프로토콜 패킷 구조를 시각화합니다. 네트워크 프로토콜 문서화에 필수적입니다.