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