Data Visualization with Chart.js

Learn how to Visualize Data using Chart.js, which is a very popular open-source data visualization JavaScript library!
Chart.js, is simple to use yet flexible, lightweight, reliable, free and it allows us to create clean, elegant and responsive charts using the HTML5 Canvas element. Documentation is excellent as well! So, overall, I think that Chart.js can be a great charting choice!
In this video, we are using Chart.js in order to graphically present poll results. We also demonstrate, how to update the chart as soon as data changes.
Enjoy 🙂
Don’t forget to share, like, subscribe and I would love to hear your thoughts in the comments section below!
Code for this Project: codepen.io/Coding_Journey/pen...
Support the Channel 💙☕🙏
PayPal: paypal.me/CodingJourney
Suggested Videos:
CSS box-shadow Editor: • CSS box-shadow Editor
JavaScript Loops: • JavaScript Loops
Modal with HTML, CSS and JavaScript: • Modal with HTML, CSS a...
Accordion (HTML, CSS and JavaScript): • Accordion (HTML, CSS a...
Currency Converter with HTML, CSS and JavaScript: • Currency Converter wit...
Voice Search with JavaScript (Web Speech API): • Voice Search with Java...
HTML Drag and Drop API: • HTML Drag and Drop API
Codepen: codepen.io/Coding_Journey/
Twitter: / codingjrney
Email: [e-mail]
Subscribe 💖
/ @codingjourney

[@gabrielcesar568]

Nice video. Thank's for sharing

[@elEntrampe]

Just what I needed, thank you for making this video!

[@CodingJourney]

My pleasure 🙂 Very glad it was helpful!!

[@johnnyb6093]

Top level video, learned a lot! Thanks man 👍💖

[@CodingJourney]

🙏 Glad it was helpful! 💙💙

[@James-dh6gt]

That was brilliant, thanks mate 💯🤩

[@CodingJourney]

Amazing! Thanks man!!

[@johanandersson4517]

Outstanding!!! 💯👍👍

[@CodingJourney]

Thank you! Cheers 🙂

[@hangor3620]

Excellent tutorial indeed, helped me a lot! Thx.

[@CodingJourney]

Thank you!! Very glad it helped 🙂 All the best, keep coding 😉💙

[@frodobeutlin8683]

Just brilliant!!!

[@CodingJourney]

Yes you are!! 😉 Very glad you liked it! 🙏💙

[@stevenharris7049]

Quality content as usual 👏👏

[@CodingJourney]

Wonderful 😊🙏 Very glad you liked it 💙

[@Tony-pe3kp]

Super 🦸‍♂️🔥🔥

[@scotttct]

Thank you so much for creating such a simple to follow example of applying Data to the Chart which I then used to chart API Json data...Thanks Again

[@CodingJourney]

My pleasure 🙂 Very glad it was helpful! "Keep it simple" is my motto 😁 Thank you for the lovely comment! Keep coding!!

[@5oLitaryMan]

Top of the top!!!

[@CodingJourney]

Totally agree...but you should stop looking at the mirror all the time 😉💙😁

[@sirlancelot8015]

Amazing tutorial Sir!

[@CodingJourney]

Thank you Sir 😉🙂

[@theman7050]

Wonderful channel man. Just found it. Subscribed :D

[@CodingJourney]

Oh thank you, welcome aboard!! You are The Man 😉💙

[@breezycodes]

Hey. Thank you! I had to like the view again when you said "spelling doughnut is the hardest part here" 😂😂👏👏👏

[@CodingJourney]

Hahaha 😉 For some reason, I always find it difficult to spell that word 🙂 It would be nice if we could alternatively use the corresponding emoji icon 🍩🍩🍩🍩😁💙

[@chriszhang5180]

great tutorial, thank you

[@CodingJourney]

Amazing! Very glad you liked it 🙂

[@varunsaini246]

Great Tutorial.

[@CodingJourney]

🙏 Very glad you liked it!

[@cd78]

We need a video to show posting data via AJAX and receiving

[@RaphaelKONG]

Very Good

[@CodingJourney]

Oh thank you 🙂💙💙

[@schwiftysanchez7220]

Chart is not displaying, even tho i didn't skip any step :((

[@pjalmeida8732]

How do we visualize function output?

[@CodingJourney]

Hey! Can you be more specific? What are you trying to do? It would help if you created a codepen project trying to do what you want and I could have a look!

[@nicolasshattaoula4881]

You are my "anari" pas to "pourekkoui"!

[@CodingJourney]

Hahah!! My superhero 😁💙