datalgo

차트 카탈로그

datalgo가 지원하는 모든 차트의 목록입니다. 카드를 클릭하면 해당 차트의 상세 페이지로 이동해 차원·측정값 등을 직접 조작하면서 어떤 형태인지 살펴볼 수 있어요.

💡
어떤 차트를 써야 할지 모르겠다면?
데이터의 차원·측정값·시간 정보만 입력하면 학술적 근거에 기반해 가장 적합한 차트를 추천해 드려요.
차트 추천받기
구현된 차트 45
비교vega-lite
세로 막대 차트

항목별 값 비교에는 길이(length) 인코딩이 가장 정확합니다. 막대 차트는 인지 부하가 낮고 가장 보편적인 비교 도구입니다.

비교vega-lite
가로 막대 차트

항목 수가 많거나 항목명이 길 때 가로 막대가 더 읽기 좋습니다. 모바일 뷰포트에서도 자동으로 권장됩니다.

비교vega-lite
그룹 막대 차트

두 범주를 동시에 비교할 때 그룹 막대가 효과적입니다. 그룹 수와 항목 수를 합쳐 15개 이하로 제한하세요.

구성vega-lite
누적 막대 차트

전체 대비 부분의 비율을 항목별로 비교할 때 적합합니다. 단, 첫 번째 세그먼트 외에는 공통 기준선이 없어 비교 정확도가 떨어집니다.

구성vega-lite
100% 누적 막대 차트

각 항목 내 구성 비율(100%)을 비교할 때 적합합니다. 절대값은 사라지므로 비율 비교 목적일 때만 사용하세요.

비교vega-lite
불릿 그래프

목표치 대비 실적을 한 차트에 표현. Stephen Few가 게이지 차트의 대안으로 설계한 KPI 시각화입니다.

비교vega-lite
KPI 인디케이터 (Big Number)

단일 핵심 지표를 강조할 때 사용. Tableau/PowerBI/Looker의 대시보드 표준 컴포넌트.

비교echarts
게이지 차트

Grafana/Datadog 등 모니터링 대시보드의 표준. 단, 각도 인코딩은 길이보다 부정확하므로 가능하면 Bullet으로 대체 권장.

비교echarts
레이더 차트

동일 척도의 다축 지표를 시각적으로 비교할 때 사용. 학계(Few)는 회의적이므로 사용 조건이 제한됩니다.

분포vega-lite
히스토그램

단일 변수의 분포 형태(중심, 퍼짐, 치우침)를 파악하는 표준 도구입니다.

분포vega-lite
박스 플롯

여러 그룹의 분포(중앙값·사분위·이상치)를 통계적으로 요약 비교합니다.

분포vega-lite
바이올린 플롯

박스 플롯의 통계 요약 + 밀도 분포를 동시에 표현. 다봉성을 감지할 수 있습니다.

분포vega-lite
밀도 플롯

연속적 확률 분포 곡선으로 분포 형태를 부드럽게 표현합니다.

관계vega-lite
산점도

두 양적 변수 간의 상관관계, 군집, 이상치를 동시에 파악할 수 있습니다.

관계vega-lite
버블 차트

산점도에 세 번째 양적 변수를 점 크기(area)로 추가. 3변수 관계를 한 차트에 표현합니다.

관계vega-lite
히트맵

두 범주의 교차 패턴을 색상 강도로 표현. 대용량 데이터의 밀도 시각화에 강점.

구성vega-lite
파이 차트

전체에서 부분의 비율을 직관적으로 보여줍니다. 단, 각도·면적 비교는 길이보다 부정확하여 5조각 이하 + 비율 차이가 클 때만 권장.

구성vega-lite
도넛 차트

파이와 동일하지만 중앙 공간에 합계/KPI를 배치할 수 있어 대시보드에 자주 사용됩니다.

구성echarts
트리맵

계층 구조와 부분-전체 관계를 직사각형 면적으로 표현. 공간 효율이 높고 항목 수가 많아도 견딥니다.

구성echarts
선버스트

방사형 계층 시각화. 트리맵 대비 계층 관계가 더 직관적이지만 5레벨 이상에선 외곽 링이 너무 작아집니다.

구성echarts
워터폴 차트

시작값에서 종료값까지의 증감 기여를 단계별로 표현. 손익·매출 분해 등 재무 BI 표준.

구성echarts
퍼널 차트

단계별 전환률을 시각화. 마케팅/세일즈 파이프라인의 표준이지만, 학술적으로는 가로 막대가 더 정확합니다.

관계echarts
네트워크 다이어그램

노드 간 연결 관계를 force-directed 레이아웃으로 표현. 소셜 네트워크·조직도·의존성 그래프에 사용.

관계echarts
생키 다이어그램

흐름의 방향성과 양을 동시에 표현. 사용자 여정·예산 배분·에너지 흐름에 적합.

관계echarts
코드 다이어그램

원형으로 배치된 노드 간 양방향 흐름을 표현. 무역·이주·전환 매트릭스에 사용.

관계echarts
단계구분도

지역별 수치를 색상 강도로 표현. 인구·매출·발생률 등 지리 분포의 표준 시각화.

시계열vega-lite
선 그래프

연속된 시간 흐름에 따른 변화를 가장 효과적으로 표현하는 표준 도구입니다.

시계열vega-lite
다중 선 그래프

여러 시리즈의 시간 변화를 동시에 비교. 시리즈가 7개를 넘으면 small multiples 권장.

시계열vega-lite
영역 그래프

누적된 양의 시간 변화를 표현. 단일 시리즈에서 라인과 유사하지만 면적 강조 효과가 있습니다.

시계열echarts
누적 영역 그래프

시간에 따른 구성비 변화를 표현. 최상단 시리즈 외엔 공통 기준선이 없어 비교 정확도가 떨어집니다.

시계열echarts
스트림 그래프

중앙 정렬된 stacked area의 변형. 미적 효과는 강하지만 정량 비교는 어렵습니다.

시계열echarts
캔들스틱 차트

금융 시계열의 시가/종가/고가/저가(OHLC)를 한 캔들에 압축. 단기 변동성과 추세 분석의 표준.

시계열echarts
캘린더 히트맵

일별 활동성을 캘린더 그리드에 색상 강도로 표현. GitHub contributions 그래프로 친숙한 패턴 시각화.

시계열echarts
간트 차트

시작/종료 기간을 가진 태스크를 시간축에 병렬 배치. 프로젝트 관리의 표준.

복합vega-lite
콤보 차트 (막대+선)

양적 측정값(막대)과 비율/추세(선)을 한 차트에 표현. BI 대시보드의 표준 콤보.

복합vega-lite
스몰 멀티플

동일한 차트를 카테고리별로 반복 배치해 비교합니다. Dual Axis보다 정확하지만 단순 그룹/스택보다 화면을 더 차지하므로 시리즈가 많거나 Dual Axis를 피해야 할 때 우선 고려하세요.

시계열vega-lite
스파크라인

축과 라벨을 모두 제거한 미니 라인 차트. 표 셀에 임베드해 추세를 한 줄로 보여주는 데 최적입니다.

시계열echarts
OHLC 차트

Candlestick과 동일 데이터(시가/고가/저가/종가)를 막대+꼬리 형태로 표현. 색 없이 양봉/음봉을 위치만으로 구분합니다.

비교vega-lite
스팬 차트

항목별 시작값과 끝값 사이의 '범위'를 가로 막대로 표현. 부서별 최저~최고 급여, 제품별 가격 범위 등 비교에 유용합니다.

분포vega-lite
에러 바

평균값에 표준편차/신뢰구간을 ┬ 모양 막대로 부착. 통계적 불확실성을 직관적으로 전달합니다.

분포vega-lite
도트 플롯

값을 점(또는 짧은 수직선)으로 1차원 축에 늘어놓은 차트. 소~중간 표본의 분포를 가장 정확한 채널(position)로 표현합니다.

구성echarts
아이시클 차트

계층 구조를 좌→우 또는 위→아래 직사각형으로 펼친 차트. 깊이가 5+로 깊을 때 선버스트보다 가독성이 좋습니다.

구성echarts
트리 다이어그램

부모-자식 노드를 선으로 연결해 위계를 직관적으로 표현. 조직도, 의사결정 트리, 파일 시스템 등에 표준.

구성echarts
서클 패킹

큰 원 안에 작은 원들이 포함된 구조로 계층과 비중을 동시에 표현. 시각적 매력은 강하지만 면적 비교는 부정확합니다.

구성vega-lite
마리메코 / 모자이크

막대의 너비와 높이를 모두 데이터에 매핑한 100% 누적 막대의 확장. 두 범주의 교차 비율을 한 차트에 보여줍니다.