Getting Started With Chart.js

[@nlburnr1]

Man I'm always filled with joy when you upload a new video , Its always a back and forth between your channel and the documentation when I try to pick up on a framework, library etc. Thank you for making my learning process a hell of al lot easer thank you man. Much love from Rotterdam (Europe , The Netherlands)

[@TraversyMedia]

Thanks :) That's awesome because that is the goal of this channel is to be an ongoing resource for web developers and programmers. No bullshit just simplified explanation and examples

[@AhmadZul]

Agreed. Straight to the point~

[@abishekraju4521]

the comment's got 96 likes and Brad's reply's got 69 likes. Being a man of culture I can't disturb that balance even if I wanna express my agreement : )

[@shrutirajpoot6310]

@@TraversyMedia hey , it would be a great help if u can can tell how to download these charts into pdf, i used making canvas and then adding it as an image and then export using jspdf, but all i get a chart with xy axis but no bar charts

[@WeedsePoentah]

@@abishekraju4521 😂😂😂😂😂😂 this the reason is why i spend 99% on the internet

[@lehlohonolomphuthi4]

I think in the past 2 months I've watched more TM content than anything! Dude God bless you and your family. You are simply fantastic.I haven't event watched this video yet.

[@TraversyMedia]

That's awesome. I appreciate it, thanks!

[@syedmuhammadsajjad3393]

I am never disappointed by your videos. Even a 3-year-old video worked like a charm. Thank you.

[@boev999]

This channel reminds me of a song... "Anything I want - you've got it, anything I need - you've got it". Thanks a lot and greetings from Bulgaria.

[@haleykimbrough2373]

i feel like im high right now. i've been researching charts for hours and days and this is the first chart to work for me. thank you so much

[@SimPwear84]

Brad you're just killing it lately! I am learning so much from you. Thanks for your time in putting these together. Awesome as always. Blessing hommie!!

[@TraversyMedia]

Your welcome man, thanks for watching

[@UstadJi]

I Don't Have Words To Say Thank You To You, Brad. Without You Internet Is Nothing, You Are An Inspiration For Us. Thank You Thank You Thank You Very Much.

[@bread639]

Searched the internet for minutes and this is the best resource. Well done

[@georgianalinalexandru9533]

I was just thinking on see what Chart.js is about and here you apear with this tutorial. Thanks man !

[@studiocity10]

Quickly becoming one of my favorite youtubers man.. Thanks for the great content!

[@TraversyMedia]

Thanks :) That's awesome

[@ammarhassan_]

U did the best explaining than charts.js official documentation. Thanks!

[@IsaacAsante17]

You simplified it again for all of us. Keep it up, I really like your videos. Great teacher.

[@JohnCrossman]

Needed to do a quick mock-up to get a project off the ground. This tutorial was brilliant and helped me get everything done in an afternoon (I am not a coder by any stretch of the imagination). Many thanks!

[@jsuresh]

Thank you for making learning easy Traversy Media. I've been watching a couple of your videos in a row now.

[@SameerKhan-ls9ow]

options: { plugins: { title: { display: true , text: "hihgwohgro" } } } we use plugins now for the title in updated versions

[@Dankschon]

Thx man, that helped a lot.

[@ahmedfathi4864]

Thanks, what about the title fontSize? its not working

[@omer8836]

Haven't watched the video yet, but I needed a tutorial on chart.js for some project, great work, thumbs up already ;)

[@ErnestGWilsonII]

I can't believe it, early on he said there would be 8 chart types and then later on there was only 7, I guess I will tell the kids there will be no Christmas this year! Just kidding of course, another awesome video! I am of course subscribed and thumbs up!

[@iancarr3923]

I am setting up a dashboard so this is very helpful. BTW your pronunciation of "Worcester" is correct. It is pronounced like that in the UK and Worcester has been here longest!

[@domenickdagostino8494]

Loved learning Chart.js! My immediate thought was linking this up to my SQL database with PHP to create a dynamic chart. Would love a video on that!

[@matiasleivar]

Thanks this tutorial is so clear, i've learned how to use this library in 15 minutes. Thanks again

[@DakiMC]

Great tutorial, thank you very much!

[@captain_finn]

This video rules for beginners. Thanks for putting this out!

[@krowwweee2918]

I just gonna like without even watching, but will definitely do later.

[@juancamiloq1]

same thing

[@EidosGaming]

Bet you didn't

[@divinity5250]

Did you watch it?😅

[@krowwweee2918]

@@divinity5250 Not yet, brad is making too much stuff to handle for me :)

[@divinity5250]

@@krowwweee2918 hahahahahahaha 3 yrs down the line 😅😂

[@ruhaise]

I'm so glad that i found out this channel, all the videos are very nicely explained(neat and simple), big thumbs up man!!!

[@MeshTheSnake]

Absolute legend, appreciate all the effort you put into this content.

[@bazz6932]

Finally ...been looking for this from traverse

[@danieladetayo3711]

As long as it is from Brad, you know it will be good.

[@TraversyMedia]

Ah, the pressure :) thanks for watching

[@Terropico]

I have just started learning it yesterday and you already uploaded a tutorial.Good stuff :)

[@DavidEdwinMeyers]

Great video - simplify the process BUT The download link is not working?

[@FrankDuxful]

Congratulations Mr Traversy, thanks, very good!

[@Born2Gamble123]

Man, Traversy Media is like its own google database. I can search 'How to cook a steak +traversy' and i bet you'll have a tutorial on it.

[@itsumarejaz]

always pleasing to watch your tutorial. Brad. Love you!

[@wilfried.bounsi]

Thanks for this video! My question may sound stupid but I need to know, at 8:59 what keyboard shortcut do you use for that kind of back tabulation?

[@CoinSEO]

Hi Brad, It is unbelievably great to FINALLY!!! be able to make charts (what I call graphs - sorry, I'm an engineer) online and add them to my dynamic websites. One small thing - I find that none of the options are working for me, whether global or otherwise. But it's 5 years later, so no doubt something has changed... If you could update or answer this, it would be fantastic!! Thanks either way! Traversy ROCKS!!!

[@simonburyan1669]

thx brad, all i needed was first 6 minutes, rest is in the documentation. thx ;-)

[@Amanda1799]

This video made Charts.js fun and easy! Thank you Brad!

[@rashidanwar101]

@Brad, your content always suffice me. Nowhere it feels something is missing in the video (At least its enough to find the next roadmap).

[@Chandasouk]

Ah, I wish I found your D3 tutorial back then. I learned it on the fly at work for a project and just read random tutorials half the time lol.

[@jenshartmann6599]

At 10:15 you show how to change colors and I was wondering how to apply gradients? Thank you!

[@nandk98]

Thanks for this Video. It's comprehensive and highlights all aspects of presenting data visually. Though new to Chart.js, I am rearing to integrate it in my dashboard project. Of course, I would check the latest documentation. Thanks again for kindling my interest.

[@LarryG-Unit]

Digging the new intro animation! Awesome!

[@Marspaw-1]

Super useful, although there are a few things that have changed since this tutorial was made. Notably the title has to be nested within plugins, it can't be put directly into options. fontSize has also been replaced with font: {size:}, and so on. That stuff was easy to look up though, and this video definitely gave me a way better understanding of how to use the library than I had before.

[@takethefirststepsem]

You make the complex simple. Thank you for the tutorials. This is super helpful.

[@Kunal-jp8tn]

Thank you so much for this amazing chain of tutorials....

[@valuedtutorials]

Hey brad thanks for all these videos.Learnt so much from you :) This is one of my favourite channels on KZbin. Please make a series on Yii Framework and if possible make some videos on Algolia Search with Laravel.

[@aris.konstantinidis]

Crystal clear explanation and a solid and simple implementation example,. Thank you so much.

[@john7556]

Absolutely brilliant video: clear, to the point and very effective. Much appreciated.

[@lardosian]

This could be a great way to expand a JS budget app I'm learning with Udemy, thanks Brad!

[@slavomirkapusta6128]

Thank you for for tutorial. I am beginner and video helped me a lot. Slavomir, Prague (another user from Central Europe ....)

[@williamwhatley4157]

You're great man -- I enrolled in your Modern JS + ES6 course on Udemy; highly recommend. Thanks Brad

[@hanankevich5762]

Nice vid - I'm about to use chartjs in my work project and now I feel like chart expert :) -thanks again!!!

[@castmixer12]

Thank you brad. Please do one with php and sql 👍🏻

[@raven1552]

noonne use that hahaha

[@EmmaMaryTaylor]

Love the way you say Charts! Thanks for the video - very useful :)

[@JoshuaMusau]

This man is a legend...

[@martinmtandi335]

doing my final year project, will definitely make use of this. awesome stuff. Thank You so much

[@lardosian]

Thanks Brad, gonna use this Chart.js in my Django project. I used Bokeh in my last flask project after seeing your video.

[@Devil_EMS]

Listens for five seconds: "This guy is so from Boston" Listens just past the one minute mark: "BOOOOOOOOM! CALLED IT!"

[@yinonb172]

Helpfully video with simple explanations. Thanks !

[@christopherigbojekwe5966]

wow, this video might've just changed my life. This is so cool! Thank you!

[@juancamiloq1]

Just passed by to say Hi! I really love your channel, always learning. Keep going man, you're awesome! 1 question tho... no more videos about Rails?

[@TraversyMedia]

There definitely will be. I know I am lacking in Rails videos. I just find them time consuming. I did a couple I was not happy with so I didn't upload but I promise they are coming

[@juancamiloq1]

Traversy Media thx man! looking forward to see it ;)

[@satyajeetjha1681]

wow .can read docs now after this short demo.

[@premiumdjmelvyn]

You are an amazing teacher!!!

[@metromota]

Thanks from Brasil, you save my life. :D

[@brenodonascimentosilva507]

salvo a minha também

[@xs6819]

9:11 I'm glad it worked for you because I cant get anything but a blank page. I see the download page is no longer working either.

[@nafizahmed1983]

Man love u so much. U made it like a piece of cake. Have no words to appreciate you....

[@kevinzhang8974]

yes, ChartJS is very simple to use and configure .... for normal chart job, this is super!!!!

[@SlickMR]

Hello, can someone please tell me about that new tab "extension" on 7:19? Thank you

[@BoilersRock]

Thank you for this. Also, thank you for clarifying how folks from your area pronounce "Worcester" @ 8:05 :)

[@PS4TUBE]

wow , it's amazing for any developer :) , with a simple explanation .. thanks .

[@BenKopec]

Amazing! I learned so much from watching your video, and actually creating the widget. Also had a lot of fun. You really helped glue together a lot of questions I had. Thank you so much!

[@TheD2D21]

Thanks for this tutorial, man. I was using Google Charts. I feel pretty confident in giving this lib a try now!

[@michaelhenry4667]

Helped me to kickstart my journey

[@afetsibless9212]

Nice and concise video. Bro keep doing more of that. Love it to the max!!

[@dangvangiangk16_hl17]

How can i insert data from database to labels or datasets using java , jsp, servlet ? Someone can help me with the documents for this problem? i want that kind of making charts but i find difficulty using database

[@DallasVocals]

And I have a chart on my newest design. Thanks Mr. Traversy. I'm now looking for a vid on tying my latest array results to the chart. Then I will be a 'done genius'. ;)

[@stevelandsaw3132]

Fantastic. Thanks for taking the time to post this.

[@jeremybrews2521]

This was really fun, thanks for the great tutorials. Keep up the great work brother.

[@jusarong]

Best youtuber ever!

[@cunningham.s_law]

keep grinding man I love your stuff

[@ikeyfranco1001]

Thank you for great content. you are amazing person and developer - once in a generation

[@munapadhi8723]

good job brad i love your all videos with great teaching experience . keep it up and good bless you.

[@thepointlessvideo100]

Loving these videos man literally helping so much. You mentioned at 17:50 about retrieving data from other sites, could you do a video on this if you haven't already?

[@worldwrestlingentertainmen883]

hi, my name is yasir, i have applied the same code you write but m y browser doesn't show anything. it's absolutely empty. when i go to dom it shows like cavas it having auto width and height but doesn't show any thing. Please help me in this regard. Thanks.

[@darkness485]

Great video bro, this framework is really excellent. I'm actually thinking of starting a project now just to play around with it.

[@MeowTX]

Great video, Brad. I enjoyed it so much! Could you please show me how did you make the page at 07:20 which shows the time and your name ?

[@rosscarrick]

Very clear and easy to follow. Great video!

[@SALMANKHAN-zz4gi]

thank you brad ! you are amazing sir

[@djdisconap]

Great video as usual Brad. Quite outdated but if you search the docs for the options it is pretty straight forward. Some options are nested within a plugins object and the global options are written differently. Overall a great video. Would love to see a video of this integrated into React.

[@Msd-bk7yc]

Need a new video

[@MB-gf6zd]

Hello Brad , Thanks for all Yours videos , but what do You think about RGraph ? It seems more powerfull vs Chartjs . Your comment will be appreciate as a future couse about RGraph

[@andy212251]

Still works 5 years later :D !

[@sroger]

Good video. Learned what I needed to get started. Thanks!

[@mayanktripathi4u]

Hello Mr. Traversy, really nice video and explanation. If we need to get the data from our Django app, is it necessary to have in Django API or simple Django JSONResponse or render will also work. If you could please suggest something on this, or share.

[@aliizzetmetin6382]

this will help greatly thanks a lot mr Traversy!

[@QWEEKEN73]

Hey bud, thanks for the upload. Your videos have me taught quite a lot as an aspiring developer. I do have one concern tho, your videos seem to be all over the place, covering a wide array of frameworks. I understand that each new arising technology has it's own viable circumstance, and it's important to have a go to tutorial for them. But it would be nice to see more commonly used technologies covered in greater depth. Self taught developers rely immensely on the content that fantastic people like yourself generously put out. I feel that developers first going into the work force should be skilled in 2-3 technologies rather than a master of none. Just a thought. Keep up the good work! Thanks.

[@Rohit-ce9ih]

How do you create a multiline line graph? Do you just add a number of datasets? I am really new to js so if any can give a step by step method from the point where this video stopped that would be great.

[@alivarfan1009]

I really enjoyed watching this tutorial, you described everything very well, thanks.

[@michaelangelobalgoslucido9652]

You are a life saver. ☝🏼

[@yashone7]

Simple, Elegant and excellent.

[@electronicseternity9210]

A great video. really helps me to understand js chart. However, the code download link is not working. Could you help on this. Thanks. Much appreciated

[@quadgon]

Great video. Just what I was looking for :) Have a question though.. I created a chart based on your code with website visits per month. On the last month (December) the bar is WAY too low. November has 32,000 visits and December has 16,007... yet the November bar is at least 12 times as tall as the December bar (!)... is this some known bug somewhere? Googled failed me and I couldn't find anything that describes a similar issue.