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

🎥 NEXT LESSON:
🎥 PREVIOUS LESSON:
🎥 FULL COURSE:

💻
🔗

🚂 Website:
💖 Patreon:
🛒 Store:
📚 Books:

🎥 Coding Challenges:
🎥 Intro to Programming:

🔗 p5.js:
🔗 Processing:

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:

Nguồn:https://dantrithegioi.com/

31 Comments

Ryehart

March 23, 2020

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.

Reply

SuperPope99

March 23, 2020

is there any link to this source code?

Reply

Dawa Lama

March 23, 2020

double data appears on console. Is it the chrom browser fault or what

Reply

Varsha Kapil

March 23, 2020

We love you…love love love u….i love your energy…u can make boring things interesting… man this should be on Netflix!!! Love u dude…love the coding now cause of u

Reply

mohanned alademi

March 23, 2020

man the way he explains stuff makes me wanna watch more, wish you were by elder brother

Reply

RGraph,net charts

March 23, 2020

Hi there, would you be interested in doing a video about using RGraph? It's another JavaScript charting library that's licensed using the MIT license and it uses both canvas and SVG. It supports lots of different chart types and is very easy to use. The URL is https://www.rgraph.net Cheers

Reply

susilo sarimun

March 23, 2020

Is there any video tutorial from you how to develop web that could show maps or google map…thanks

Reply

john silva

March 23, 2020

I dont see any point of this video. You need to show how the fetch function works … not play around like we already know it. waste of time …

Reply

Tammy Hoy

March 23, 2020

Really loving your tutorial here. So much appreciated! You talked about trimming blank lines at the end of the csv file. Can you share the code for that?

Reply

Paul Pellom

March 23, 2020

All aboard! I'm on the coding train for life I love this dude.

Reply

Stefan K.

March 23, 2020

Very good video, very helpful, Thanks

Reply

Wei Cao

March 23, 2020

can you make a video to make the http request to API then generate the chart and front-end user can based on some button to generate the chart they want?

Reply

umesh soni

March 23, 2020

Hi .Its good that you have show about chart.js using csv file .can you show how to do it using external json file calling.I mean by calling json url link.please inform me

Reply

Mohamed A

March 23, 2020

Very very well described video
Thank you so much

Reply

of undefined

March 23, 2020

good job bro

Reply

kajal yadav

March 23, 2020

My graphics disappears when i include the getData function. Can you please help me out with this??

Reply

Chau M. Tran

March 23, 2020

I love your positivity and humorous style of teaching!!

Reply

Chris Calso

March 23, 2020

I thought I was watching a kids learning channel like blues clues for a second 🙂 It's a good chart.js tutorial.

Reply

Corrie Toppin

March 23, 2020

What if I what to get the data from image of canvas var canvas online. How am I going to do that? Thanks in advance

Reply

Robert Menus

March 23, 2020

Thank you very much, man! Your video really helped me and solved great coding problem. I was f*king for two days, trying to understand how to add data to this chart. And you example showed exactle what I wanted. You are awesome!!

Reply

TIK MED

March 23, 2020

where can i find the solution for the exercises?
how can i handle this error "Uncaught (in promise) TypeError: Cannot read property 'getContext' of null"?

Reply

101apps.co.za

March 23, 2020

great tutorial. chart.js is now easier than i thought thanks to you!

Reply

nomju

March 23, 2020

This video makes me feel excited about what I'm learning as well as depressed about what's happening to the Earth.

Reply

OYMInternetRadio

March 23, 2020

Do you know if chart.js actually cross filters like D3? I cannot find anything saying that it does?

Reply

Syed Ali Shan

March 23, 2020

Hey my JS Teacher,
Really Awesome Content.

Reply

Caio Goncalves

March 23, 2020

9:56, my grhaphics disapeared. when I put the await getData()

Reply

Trần Ngọc Dũng

March 23, 2020

I am an unprofessional, I have watched and followed your video tutorial. I want to customize the graph display time (for example, from 1990 to 2009), how to do it. Can you show me how to find out about this problem? Best regards!

Reply

karnell schultz

March 23, 2020

Check out Data.gov for more datasets.

Reply

Quinsen Joel

March 23, 2020

Hey man I gotta say. Watching you write code one way to get it done and then refactoring it afterwards brings a whole nother level to the learning here. great work – I'm hooked!

Reply

ryan brilliant

March 23, 2020

A lot of lesson learned from this video, thanks.

Reply

Angelo A.

March 23, 2020

Como puedo poner otros datos en el mismo grafico?
Quiero hacer un grafìco con las percentuales de los datos, pero quiero poner encima de la barra el valor absoluto. Muchas gracias

Reply

Leave a Reply