charts

Charts are far better for displaying data visually than tables and have the added benefit that no one is ever going to press-gang them into use as a layout tool. They’re easier to look at and convey data quickly, but they’re not always easy to create.

Drawing line chart

1- Creat HTML body and download Chart.js,Copy the Chart.min.js out of the unzipped folder and into the directory you’ll be working in

2- Include a canvas element inside the HTML Which will include the chart.

3- Write the fllowing script in the foot of the body: script

4- Add some information you need inside the script and Chart.js will draw the chart.

Drawing a pie chart

1- Creat HTML body and download Chart.js,Copy the Chart.min.js out of the unzipped folder and into the directory you’ll be working in

2- Include a canvas element inside the HTML Which will include the chart.

3- Write the fllowing script in the foot of the body: pie script

4- Add some information you need inside the script and styling them then Chart.js will draw the chart.

Same thing for bar chart