Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your website or web application.

Here is an example of work – in this scenario, we have 3 different areas – area 1 is showing a pie chart that visualizing 5 elements – they are all interactive by clicking on an element in the pie chart values change. Area 2 is showing the timeline for specific campaigns, by changing campaign the value timeline value chance. Area 3 is showing the timeline for all items found during a selected time period.

Media Highcharts

Other libraries

There are some more libraries that I have tried out, which are worth mentioning.


Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.

Flot Attractive JavaScript plotting for jQuery


Arbor is a graph visualization library that provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling.



D3.js is a JavaScript library for manipulating documents based on data. It helps you bring data to life using HTML, SVG, and CSS.

D3.js - Data-Driven Documents


jChartFX plugin gives you extra powers to develop full commercial dashboards and business intelligence applications.

jChartFX - Data visualization for HTML5, jQuery Javascript


dygraphs is a fast, flexible open source JavaScript charting library. It allows users to explore and interpret dense data sets.



Sigma is a JavaScript library to graph drawing. It makes easy to publish networks on Web pages and allows developers to integrate network exploration in rich Web applications.

Sigma js

Selecting a library

The first thing to do before selecting a library to work with is understanding your dataset, what visualization you are going to do with that data. You might want to create a few charts in order to explore the scope, depth and ‘texture’ of the data and find interesting stories to highlight. It’s important to look at the format of your data and ask exactly what it is that you’re working with.

Are you interested in visualizing a time period? Is it categorical data? All of this might influence your decision. Certain libraries like D3 are generalists, which can work with a range of types of data. Others are more data-type specific. If you know from the beginning what it is that you’re working with, it’s important to choose the tool that works best with that data.

When you know what story you want to tell with the charts/graphs, you can select the library that fits you best and builds that into your web application.

Have a question make a comment use the box below.