# Toast UI Chart 4.0 출시

> Clean Markdown view of GeekNews topic #3660. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=3660](https://news.hada.io/topic?id=3660)
- GeekNews Markdown: [https://news.hada.io/topic/3660.md](https://news.hada.io/topic/3660.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2021-01-30T09:26:15+09:00
- Updated: 2021-01-30T09:26:15+09:00
- Original source: [ui.toast.com](https://ui.toast.com/weekly-pick/ko_20210126)
- Points: 10
- Comments: 0

## Topic Body

- raphael.js 대신 canvas 기반으로 자체 reactive 시스템 구축해 재개발

ㅤ→ 140kB → 67kB

- ESM 빌드 지원 : 필요한 차트만 포함가능

- responsive 옵션 : 크기 변경시 차트 옵션을 재 조정

- Live Update를 기존 Line에서 Area, Line, Heatmap, LineArea, Column, ColumnLine 차트 까지 확장

- 더 다양한 테마와 레이아웃 조절 기능

- TypeScript 기반 모노레포 (Lerna 이용)

차후 로드맵

- Radial bar, Gauge 차트 등 새로운 차트 추가

- 고도화된 TOAST UI Map Chart 패키지 출시

- Datetime 외부 라이브러리 연동

- HTML, CSV 등 테이블 타입 데이터 연동을 위한 Data Source

## Comments



_No public comments on this page._