Getting Started With Chart.js

Поділитися
Вставка
  • Опубліковано 27 січ 2025

КОМЕНТАРІ • 431

  • @nlburnr1
    @nlburnr1 7 років тому +117

    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
      @TraversyMedia  7 років тому +77

      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
      @AhmadZul 7 років тому +5

      Agreed. Straight to the point~

    • @abishekraju4521
      @abishekraju4521 3 роки тому +1

      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
      @shrutirajpoot6310 3 роки тому

      @@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
      @WeedsePoentah 2 роки тому

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

  • @lehlohonolomphuthi4
    @lehlohonolomphuthi4 7 років тому +21

    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
      @TraversyMedia  7 років тому +4

      That's awesome. I appreciate it, thanks!

  • @SimPwear84
    @SimPwear84 7 років тому +22

    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
      @TraversyMedia  7 років тому +5

      Your welcome man, thanks for watching

  • @syedmuhammadsajjad3393
    @syedmuhammadsajjad3393 4 роки тому

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

  • @boev999
    @boev999 6 років тому +1

    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
    @haleykimbrough2373 3 роки тому +3

    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

  • @UstadJi
    @UstadJi 5 років тому

    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
    @bread639 3 роки тому

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

  • @georgianalinalexandru9533
    @georgianalinalexandru9533 7 років тому +2

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

  • @studiocity10
    @studiocity10 7 років тому +7

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

  • @IsaacAsante17
    @IsaacAsante17 7 років тому +1

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

  • @jsuresh
    @jsuresh 7 років тому +1

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

  • @JohnCrossman
    @JohnCrossman 3 роки тому

    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!

  • @ruhaise
    @ruhaise 7 років тому

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

  • @omer8836
    @omer8836 7 років тому +1

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

  • @ammarhassan_
    @ammarhassan_ 5 років тому +1

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

  • @itsumarejaz
    @itsumarejaz 3 роки тому

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

  • @Terropico
    @Terropico 7 років тому

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

  • @matiasleivar
    @matiasleivar 5 років тому +1

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

  • @captain_finn
    @captain_finn 2 роки тому

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

  • @bazz6932
    @bazz6932 2 роки тому

    Finally ...been looking for this from traverse

  • @MeshTheSnake
    @MeshTheSnake 4 роки тому

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

  • @Amanda1799
    @Amanda1799 6 років тому

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

  • @takethefirststepsem
    @takethefirststepsem 5 років тому

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

  • @john7556
    @john7556 6 років тому

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

  • @iancarr3923
    @iancarr3923 6 років тому

    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!

  • @FrankDuxful
    @FrankDuxful 4 роки тому +1

    Congratulations Mr Traversy, thanks, very good!

  • @BenKopec
    @BenKopec 6 років тому

    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!

  • @aris.konstantinidis
    @aris.konstantinidis 4 роки тому

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

  • @valuedtutorials
    @valuedtutorials 7 років тому +1

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

  • @BoilersRock
    @BoilersRock 6 років тому

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

  • @LarryG-Unit
    @LarryG-Unit 7 років тому +1

    Digging the new intro animation! Awesome!

  • @danieladetayo3711
    @danieladetayo3711 7 років тому

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

    • @TraversyMedia
      @TraversyMedia  7 років тому

      Ah, the pressure :) thanks for watching

  • @EmmaMaryTaylor
    @EmmaMaryTaylor 4 роки тому

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

  • @krowwweee2918
    @krowwweee2918 7 років тому +35

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

    • @juancamiloq1
      @juancamiloq1 7 років тому +3

      same thing

    • @EidosGaming
      @EidosGaming 4 роки тому +2

      Bet you didn't

    • @divinity5250
      @divinity5250 4 роки тому +1

      Did you watch it?😅

    • @krowwweee2918
      @krowwweee2918 4 роки тому

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

    • @divinity5250
      @divinity5250 4 роки тому +1

      @@krowwweee2918 hahahahahahaha 3 yrs down the line 😅😂

  • @Kunal-jp8tn
    @Kunal-jp8tn 2 роки тому

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

  • @ErnestGWilsonII
    @ErnestGWilsonII 6 років тому

    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!

  • @nandk98
    @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.

  • @domenickdagostino8494
    @domenickdagostino8494 7 років тому +7

    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!

  • @jeremybrews2521
    @jeremybrews2521 7 років тому

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

  • @afetsibless9212
    @afetsibless9212 7 років тому +1

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

  • @TheD2D21
    @TheD2D21 6 років тому

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

  • @yinonb172
    @yinonb172 2 роки тому

    Helpfully video with simple explanations.
    Thanks !

  • @SameerKhan-ls9ow
    @SameerKhan-ls9ow 3 роки тому +2

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

    • @Dankschon
      @Dankschon 3 роки тому +1

      Thx man, that helped a lot.

    • @ahmedfathi4864
      @ahmedfathi4864 3 роки тому

      Thanks, what about the title fontSize? its not working

  • @rosscarrick
    @rosscarrick 7 років тому

    Very clear and easy to follow. Great video!

  • @juancamiloq1
    @juancamiloq1 7 років тому +6

    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
      @TraversyMedia  7 років тому +3

      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
      @juancamiloq1 7 років тому

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

  • @martinmtandi335
    @martinmtandi335 7 років тому

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

  • @munapadhi8723
    @munapadhi8723 7 років тому

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

  • @stevelandsaw3132
    @stevelandsaw3132 7 років тому

    Fantastic. Thanks for taking the time to post this.

  • @Marspaw-1
    @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.

  • @PS4TUBE
    @PS4TUBE 7 років тому +1

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

  • @bogdyvyp
    @bogdyvyp 5 років тому

    thanx for the video it helped a lot
    lol @ 8:00 reminded me of the Louie CK Boston accent joke

  • @hanankevich5762
    @hanankevich5762 6 років тому

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

  • @simonburyan1669
    @simonburyan1669 6 років тому

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

  • @metromota
    @metromota 5 років тому +1

    Thanks from Brasil, you save my life. :D

  • @christopherigbojekwe5966
    @christopherigbojekwe5966 6 років тому

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

  • @jusarong
    @jusarong 7 років тому +1

    Best youtuber ever!

  • @premiumdjmelvyn
    @premiumdjmelvyn 3 роки тому

    You are an amazing teacher!!!

  • @sroger
    @sroger 4 роки тому

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

  • @alivarfan1009
    @alivarfan1009 6 років тому

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

  • @williamwhatley4157
    @williamwhatley4157 7 років тому

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

  • @rashidanwar101
    @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).

  • @geraldwatanabe2228
    @geraldwatanabe2228 7 років тому

    Another awesome tutorial!
    Clear and concise!

  • @lardosian
    @lardosian 7 років тому

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

  • @slavomirkapusta6128
    @slavomirkapusta6128 4 роки тому

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

  • @michaelhenry4667
    @michaelhenry4667 3 роки тому

    Helped me to kickstart my journey

  • @CoinSEO
    @CoinSEO 2 роки тому +1

    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!!!

  • @Se-pk8lg
    @Se-pk8lg 7 років тому

    I love your content it is just easy to follow and well explained.
    Keep it up!

  • @cunningham.s_law
    @cunningham.s_law 7 років тому +1

    keep grinding man I love your stuff

  • @JoshuaMusau
    @JoshuaMusau 4 роки тому

    This man is a legend...

  • @darkness485
    @darkness485 7 років тому +1

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

  • @nafizahmed1983
    @nafizahmed1983 6 років тому

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

  • @lardosian
    @lardosian 5 років тому

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

  • @Chandasouk
    @Chandasouk 7 років тому +1

    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.

  • @aditamadirga6571
    @aditamadirga6571 7 років тому +1

    Thanks for your kind to made this awesome tutorials.

  • @yashone7
    @yashone7 5 років тому

    Simple, Elegant and excellent.

  • @thepointlessvideo100
    @thepointlessvideo100 7 років тому

    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?

  • @djdisconap
    @djdisconap 2 роки тому +1

    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.

  • @ronaldjohnson4470
    @ronaldjohnson4470 7 років тому

    Thank you Brad, very nice tutorial.

  • @ikeyfranco1001
    @ikeyfranco1001 3 роки тому

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

  • @Born2Gamble123
    @Born2Gamble123 6 років тому

    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.

  • @kayodeemmanueladetunji3367
    @kayodeemmanueladetunji3367 7 років тому

    Thanks for the upload. I always crave your videos

  • @SALMANKHAN-zz4gi
    @SALMANKHAN-zz4gi 4 роки тому

    thank you brad ! you are amazing sir

  • @Devil_EMS
    @Devil_EMS 6 років тому +5

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

  • @satyajeetjha1681
    @satyajeetjha1681 6 років тому

    wow .can read docs now after this short demo.

  • @aliizzetmetin6382
    @aliizzetmetin6382 4 роки тому

    this will help greatly thanks a lot mr Traversy!

  • @my_dixie_rect8865
    @my_dixie_rect8865 6 років тому

    Amazing video. You're such a good tutor. I subscribed and thank you greatly!

  • @QWEEKEN73
    @QWEEKEN73 7 років тому

    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.

  • @samweeks92
    @samweeks92 4 роки тому

    These videos are soo good. Thanks!!

  • @sunilanthony17
    @sunilanthony17 7 років тому

    Thank you, will differently need this in the future.

  • @jenshartmann6599
    @jenshartmann6599 3 роки тому

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

  • @okmaga
    @okmaga 5 років тому

    Thank you soo much ....helped me too much for my colg project 😘😘😘😘

  • @luisg.sandoval2046
    @luisg.sandoval2046 7 років тому +3

    that was an awesome video man!!

  • @kevinzhang8974
    @kevinzhang8974 6 років тому

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

  • @castmixer12
    @castmixer12 7 років тому +27

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

    • @raven1552
      @raven1552 6 років тому +2

      noonne use that hahaha

  • @astatalol
    @astatalol 5 років тому

    You just saved my life, thank you so much!

  • @webapplicationguide3798
    @webapplicationguide3798 7 років тому

    Thanks for the helpful introduction !!!

  • @MenAtWorkMedia22
    @MenAtWorkMedia22 7 років тому +3

    Thank you, Brad!

  • @thereal-ngg
    @thereal-ngg 7 років тому +1

    Hey, I've been watching your channel for a while now and I really like your content, I learned a lot from you, love the way you simplify everything, and make it look easy! Could you please make an Angular 2 project with MySQL and php, for the people who don't want to learn laravel at the moment but still want to learn how to use angular 2 with databases other than noSQL, I would really appreciate that!

    • @icex91
      @icex91 2 роки тому

      would like to see that too

  • @pauldjemne
    @pauldjemne 3 роки тому

    Just amazing!! You're incredible!