Javascript charts comparator

Koku Ulrich GBLOKPO
Smile Innovation
Published in
2 min readJul 25, 2022

As nowadays applications rely more and more on displaying numeric data, the need for charts libraries grows accordingly. In the Javascript ecosystem, there are quite a few libraries available, having their own subtleties, sometimes style wise, sometimes features wise.

Javascript charts comparator is a Storybook project available at our Github team, that implements the most used charting libraries in the field, in an interactive way. Developers can see the same chart type over various libraries, change parameters and values, and thus be able to choose the right library for their functional or visual need.

Interact and compare

We focused on four libraries which are among the most used open source charts libraries in Javascript : Apexcharts, Chart.js, Ui.Toast and Chartist.

We propose in the repository, two level of information, first through an interactive Storybook that holds chart examples under few categories : Area charts, Bar charts, Box charts, Donut & Pie…

Storybook implementation provides an easy and quick platform to compare Javascript chart libraries.

Second, we built a small comparison table for the libraries highlighting their features scope.

Open source Javascript chart libraries offer customization, animations and responsiveness out of the box.

Get the code

Project is available over Github : https://github.com/Smile-SA/javascript-charts-comparator. Any question can be sent to rnd@smile.fr.

Follow the Readme.md to launch Storybook and make your own comparison !

--

--