Hello everyone in these series of videos we are going to talk about how to implement charts in javascript and html with no frameworks only using vanila js this video is about Google charts witch is a library for creating charts
Google Chart CDN link : https://www.gstatic.com/charts/loader.js
🎥plotly js video : • Create Charts using HTML and JS | using P...
🎥Chartjs video : • Create Charts using HTML and JS | using C...
0:00 intro - set files
1:42 start using google charts
3:15 set data
4:49 set options
5:28 draw chart
5:40 BarChart
8:00 horizontal & vertical bars
8:38 PieChart
10:03 3D PieChart
10:20 donut chart
11:09 title for axis
12:29 LineChart
13:45 all charts in one page
17:51 styling Barchart
20:00 change Line Chart base on value
20:28 change storke and opacity on bars
24:55 outro
I will be thankful if you write me your question or opinion about the video in the comments