Blog Posts French Process Management

Javascript charts comparator

Blog: Smile - Le blog des consultants

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, which each have their own subtleties, sometimes style wise, sometimes features wise.

Javascript charts comparator is a Storybook implementation, available at our Github team, that presents the most used libraries in the field, so developers can see the same chart type over various libraries 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 !


Javascript charts comparator was originally published in Smile Innovation on Medium, where people are continuing the conversation by highlighting and responding to this story.

Leave a Comment

Get the BPI Web Feed

Using the HTML code below, you can display this Business Process Incubator page content with the current filter and sorting inside your web site for FREE.

Copy/Paste this code in your website html code:

<iframe src="https://www.businessprocessincubator.com/content/javascript-charts-comparator/?feed=html" frameborder="0" scrolling="auto" width="100%" height="700">

Customizing your BPI Web Feed

You can click on the Get the BPI Web Feed link on any of our page to create the best possible feed for your site. Here are a few tips to customize your BPI Web Feed.

Customizing the Content Filter
On any page, you can add filter criteria using the MORE FILTERS interface:

Customizing the Content Filter

Customizing the Content Sorting
Clicking on the sorting options will also change the way your BPI Web Feed will be ordered on your site:

Get the BPI Web Feed

Some integration examples

BPMN.org

XPDL.org

×