TOAST UI Chart 4.0 Beta Release


image

TOAST UI Chart 4.0 will release on early January, 2021. We have released a beta version so you can experience it before official release!

what's new?

From "svg" to "canvas"

TOAST UI Chart3 is based on svg and was developed dependent on raphael.js. raphael.js was a great help in developing the charts, but over time it stopped updating.

Therefore, TOAST UI Chart naturally no longer uses raphael.js, and developed a new chart by changing the svg-based chart to canvas. As a result, TOAST UI Char4 has all its dependence removed and has become a lighter chart.

More options, more features, more themes

The design of the chart has been improved. In addition, many requested responsive layouts and live update functions are supported.. Also, more theme options are added. In addition to this, parameters and API structures have been changed to allow you to do more.

There are many changes and improvements that have not been opened yet. Please wait a little longer and check the contents during the official release!πŸ˜„

It’s available to try today!

Try it

We have released a storybook where you can experience various types of charts. You can experience it by clicking the link below!

Install

You can install TOAST UI Chart locally by using npm.

npm install @toast-ui/chart@4.0.0-beta.1

Chart 4's overall usability and API structure have changed, so it may be difficult to apply Chart3's guide as it is. Also, there is currently no guide document. So, I made a project so that you can easily modify and experience using codesandbox.

Enter the link below to edit your options and Try it! πŸ‘‡πŸ‘‡πŸ‘‡

Name Link
Line https://codesandbox.io/s/linechart-bylpg
Area https://codesandbox.io/s/areachart-4kue2
Line-Area https://codesandbox.io/s/lineareachart-h82mq
Bar https://codesandbox.io/s/barchartstack-emuwg
Column https://codesandbox.io/s/columnchartgroupstack-0yoo8
Column-Line https://codesandbox.io/s/columnlinechart-u6c3j
Bullet https://codesandbox.io/s/bullet-3h7wn
BoxPlot https://codesandbox.io/s/boxplot-1hj2e
Treemap https://codesandbox.io/s/treemapchart-uf6w3
Heatmap https://codesandbox.io/s/heatmapchart-v2j5e
Scatter https://codesandbox.io/s/scatterchart-6dwbd
Line-Scatter https://codesandbox.io/s/linescatterchart-7s26i
Bubble https://codesandbox.io/s/bubblechart-oxtc4
Pie https://codesandbox.io/s/pie-cmh6o
Nested-Pie https://codesandbox.io/s/nested-pie-jmjrt
Radar https://codesandbox.io/s/radar-mgerf

Remaining work exists, so further changes may be made. Thank you for reading and we will come back in January with a better chart. Thank you!