본문으로 건너뛰기

데이터 시각화

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

데이터 시각화

라인 차트

다계열 시계열 추이를 선으로. 영역 워시·마지막 값 강조 옵션.

막대 차트

카테고리별 값을 그룹·누적 세로 막대로 비교.

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

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

스파크라인

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

게이지

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

히트맵

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

분포 바

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

레이더 차트

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

래디얼 바

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

워터폴 차트

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

롤리팝 차트

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