본문으로 건너뛰기

데이터 시각화

토큰만 쓰는 표현 전용 차트 프리미티브: 서버 컴포넌트에서 렌더 가능하고, 라이트/다크·프로젝트 프리셋에 자동 적응한다. 데이터 계산·포맷은 호출자 몫.

데이터 시각화

라인 차트

다계열 시계열 추이를 선으로. 영역 워시·마지막 값 강조·기준 대비 %·선 끝 라벨 옵션.

막대 차트

카테고리별 값을 그룹·누적 세로 막대로 비교(음수는 0 아래로).

복합 차트

같은 단위의 막대 계열과 선 계열을 한 축에 겹쳐 비교.

신규 120 (48%)재방문 88 (35%)이탈 40 (16%)248
신규12048%
재방문8835%
이탈4016%
도넛 차트

부분-전체 분포를 도넛 + 범례로 한눈에.

스파크라인

축·라벨 없는 미니 추이선: StatCard 슬롯용.

게이지

단일 비율(0~100)을 반원 진행 게이지로.

히트맵

행×열 밀도를 단일 색 4단계 불투명도로.

분포 바

부분-전체를 한 줄 가로 누적 바 + 범례로(도넛의 컴팩트 대안).

레이더 차트

3~8개 지표(0~100)의 밸런스를 다각형으로.

래디얼 바

비율 지표 2~4개를 동심 링 진행도로(게이지 다지표 버전).

워터폴 차트

증감 단계가 쌓여 합계에 이르는 구성 분해(손익 등).

롤리팝 차트

카테고리 크기 비교를 가는 스템 + 도트로(막대의 가벼운 대안).

불릿 차트

실적 막대 + 목표 눈금 + 평가 구간을 가로 한 줄로.

퍼널 차트

단계별 수와 단계 사이 전환율.

순위 막대

라벨이 막대 안에 들어가는 가로 순위 목록.

산점도

두 지표의 관계를 점으로. 버블 크기와 사분면.

파레토 차트

큰 순서 막대 + 누적 비율 선. 소수의 핵심 원인.

캘린더 히트맵

날짜 칸마다 밀도. 근태 · 활동 · 예약.

간트 차트

작업의 시작 · 끝과 겹침, 진행률.

스몰 멀티플

같은 눈금의 작은 차트 격자. 지점별 추이.

덤벨 차트

항목마다 두 값의 이동. 전월 대비.

트리맵

구성비를 면적으로. 재고 · 경비 구성.

히스토그램

값을 구간으로 묶은 분포. 처리 시간 · 금액.

박스플롯

그룹별 분포를 다섯 수와 이상값으로.

캔들 차트

기간별 시가 · 고가 · 저가 · 종가.

생키 차트

단계 사이 흐름의 양을 띠 굵기로.