If your website is data-intensive, then you will need to find a way to make that data easy to visualize. In this article I’ll introduce you to a JavaScript charting library called Chart.js. Chart.js is a powerful dana visualization library.

Why Chart.js ?

I chose Chart.js because it can be learned and leveraged quickly.

Installing Chart.js

You need only two things to use Chart.js

1. The library - for this tutorial we will use CDN because it's the easiest way to get up and running fast.

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>

2. A canvas element

</canvas><canvas id="myChart"></canvas>​

We bring 6 types of graphs that we will learn in the following tutorials

1.    Bar chart

2.    Line chart

3.    Pie chart

4.    Radar chart

5.    Doughnut chart

6.    Polar area chart