🎁 TOAST UI Chart 4.0 Beta Release 🎁

[jung-han]

TOAST UI Chart 4.0 Beta Release

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!

• link: https://toastui-chart4-beta.netlify.app/

Install

You can install TOAST UI Chart locally by using npm.

npm install @toast-ui/[email protected]

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!

If you have any problems or want to request more, please leave a comment!