특별하게 만드는 최고의 도구우리의 둥지

트레이딩 차트부터 대시보드 컴포넌트

13개 컴포넌트

필요한 것만 골라 조합하세요

가볍고 서버 렌더링에도 안전한 SVG 차트 컴포넌트

차트

데이터 모양에 맞는 차트를 고르세요

LineChart

가격 흐름을 선으로. 그라디언트 영역은 옵션

AreaChart

자산 구성처럼 쌓이는 값을 영역으로

BarChart

손익과 거래량을 막대로. 값마다 다른 색

매수62.4%매도37.6%
국내42%해외31%코인17%현금10%

PercentageBarChart

전체 중 비중을 막대 하나로

CartesianChart

모든 차트의 기반. 선, 막대, 축을 직접 조합

  • 삼성전자
    +12.69%
  • NAVER
    -13.34%
  • 애플
    +14.18%
  • 이더리움
    -22.97%

Sparkline

축을 뺀 작은 LineChart. 관심종목 목록에

축과 인터랙션

읽기 쉽게, 만지기 쉽게

110,604원+11,704원 (+11.83%)

Scrubber

손끝을 따라 그 시점의 값을 읽어요

XAxis

시간·카테고리 축. 눈금, 격자, 라벨 형식

YAxis

값 축. 보기 좋은 눈금과 가로 격자

110,604원+11,704원 (+11.83%)

PeriodSelector

1주, 1개월, 1년… 기간 탭

표시

차트 위에 의미를 더하세요

ReferenceLine

평단가, 목표가 같은 기준선

Point

매수·매도 표시와 실시간 점. 눌러보세요

Legend

계열 범례. 올리면 강조, 누르면 켜고 끄기

지금 바로 시작해보세요

오픈소스라 누구나 무료로 쓸 수 있어요