1.3: Graphing with Chart.js – Working With Data & APIs in JavaScript




The lesson continues working with tabular data (CSV) and examines how to graph the data in an HTML5 canvas with Chart.js.

๐ŸŽฅ NEXT LESSON: https://youtu.be/uxf0–uiX0I
๐ŸŽฅ PREVIOUS LESSON: https://youtu.be/RfMkdvN-23o
๐ŸŽฅ FULL COURSE: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YxDKpFzf_2D84p0cyk4T7X

๐Ÿ’ปhttps://github.com/CodingTrain/Intro-to-Data-APIs-JS
๐Ÿ”—https://www.chartjs.org/

๐Ÿš‚ Website: http://thecodingtrain.com/
๐Ÿ’– Patreon: https://patreon.com/codingtrain
๐Ÿ›’ Store: https://www.designbyhumans.com/shop/codingtrain/
๐Ÿ“š Books: https://www.amazon.com/shop/thecodingtrain

๐ŸŽฅ Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
๐ŸŽฅ Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

๐Ÿ”— p5.js: https://p5js.org
๐Ÿ”— Processing: https://processing.org

Welcome to Working with Data and APIs in JavaScript!

This course is for aspiring developers who want to learn how to work with data in web applications. How do you retrieve, collect, and store data? The course will be taught through a series of creating three data projects.

๐Ÿ“„ Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct

Original source


29 responses to “1.3: Graphing with Chart.js – Working With Data & APIs in JavaScript”

  1. 17:15 To the best of my knowledge, nobody denies there is "evidence" of the Earth rising temperatures. Rather, the debate is about THE EXTENT to which these raises in temperature are purely anthropogenic (ie. HUMAN made) or a combination of both NATURAL and man-made activities. There is no such thing as "climate change deniers". When this energetic, skillful but politically askew teacher runs the ".push(leftist-propaganda)" function into his videos, he takes away from the incredible value his content provides. Sad ๐Ÿ™

  2. I have a project coming up at work where I will be creating visualizations with Chart.js. This tutorial put me at ease and now I'm less stressed out about learning this new tool. Also, just wanted to say that your teaching style is so informative, easy to follow and engaging. It's helpful to watch you work through how you solve a coding problem and when you come across errors how you figure them out. Great tutorial! I'm looking forward to watching more of your videos.

  3. This is a great video, really helped me pick the concept fast. I was wondering if you can prepare some video where you can show timeseries data being aggregated from csv and display graph for a time period like , show graph for last 30 minutes or previous day something like that ?

  4. This has been a really entertaining and educative video to watch. Thank you!! I also like how you would actually refactor your codes near the end to make everything even more clean.

Leave a Reply