Unique JavaScript Charting Libraries To Check Out in 2020

I’ve recently stumbled across some really elegant charting libraries that are well worth checking out in 2020. They are quite unique compared to your general charting library, but they will all serve a great purpose in various applications.

 

Check them out below –

Roughviz

roughviz

I’ve got to admit this is quite different, something very unique to the huge array of available charting libraries. But, having
said that, I actually love it, RoughViz is beautifully different. This clever library draws visualizations as if they’ve been drawn on paper
with a pack of crayons.

RoughViz is built on top of the latest D3.js version 5 and is declared as a reusable library, in other words, free to re-use!

Here are some demos provided on the RoughViz GitHub repository page below –

Notable Features

In the notable features section, I’ve got to go into the ‘roughness’ options that can be changed to suit your exact taste.

See below for the different shades of roughness

roughviz roughness option

And below for the different weights of shading.

roughviz fillweight option

Pretty awesome eh?

  • Already prepped for vanilla JavaScript usage as well as React, Vue and even Python.
  • Very unique.
  • A huge array of customizable options including the ‘roughness’ option which is pretty amazing.
  • Tooltip data points.
  • Full documentation available on the GitHub readme.

Who can use it for free?

  • Commercial
  • Educational
  • Personal

Is it open source?

Yup! This is a reusable library, which is built upon another open-source library, D3.js.

What Charts does it have?

Bar Multi Bar Stacked Bar Pie Donut Line Multi Line Annotation Area Bubble Pyramid Funnel Marimekko Scatter Candlestick Gant Gauge Geo/Map TreeMap Bullet Spark Heat Radar

How to use?

This JavaScript charting library can be downloaded via it’s GitHub repository or installed with NPM or PIP.
It’s also available via CDN too! See the following links and check out the documentation.

 

TimeSheet

timesheet js

Next up is a really cool library named TimeSheet, this library visualizes what is most commonly known as a
Gant chart. These charts are great for personal planning right up to corporate project management.
There is something very different about this library though, it does not use SVG to build its visualizations.
This is probably one of the very few libraries that build visualizations in this way, it’s visually are made from pure HTML5 and CSS3!

Notable Features

  • Visualizations are built entirely with HTML5 and CSS3.
  • A perfect tool for building into a project management application.
  • Very simple to set up and easy to manage data input
  • 2 color themes to pick from.

Who can use it for free?

  • Commercial
  • Educational
  • Personal

Is it open source?

The library has been released with the MIT license giving you free reign to use, modify and distribute if you want to.

What Charts does it have?

Bar Multi Bar Stacked Bar Pie Donut Line Multi Line Annotation Area Bubble Pyramid Funnel Marimekko Scatter Candlestick Gant Gauge Geo/Map TreeMap Bullet Spark Heat Radar

How to use?

This JavaScript charting library can be downloaded via it’s GitHub repository or installed with NPM or PIP.
It’s also available via CDN too! See the following links and check out the documentation.

 

SmoothieCharts

smoothie chart

SmoothieCharts won’t suit your everyday usage but they are specifically useful for fast-paced, real-time data.
For example, CPU usage, real-time PLC machine data, speed test, etc. These charts are more purposed for
streaming data and can graph this data extremely smoothly if I must say!

You don’t get all the bells and whistles as you generally do with static data libraries but it does what it’s supposed to do very well.

You can see one of its examples here which also showcases it’s responsive capabilities too. Demo

Notable Features

  • Completely responsive
  • More specific for streaming live data
  • Line chart only
  • Customizable

Who can use it for free?

  • Commercial
  • Educational
  • Personal

Is it open source?

The library has been released with the MIT license.

What Charts does it have?

Bar Multi Bar Stacked Bar Pie Donut Line Multi Line Annotation Area Bubble Pyramid Funnel Marimekko Scatter Candlestick Gant Gauge Geo/Map TreeMap Bullet Spark Heat Radar

How to use?

 

Happy charting!

SHARE ON

The Author: Dan Englishby

Unique JavaScript Charting Libraries To Check Out in 2020

You May Also Like

Leave a Reply

Your email address will not be published.