30 - Visualizing Data with HTML Table and ChartJS - Django | DRF | React w. Data Analysis

Published: 29 January 2021
on channel: Sugarloaf And a Cup of Joe

669

Useful links:
https://getbootstrap.com/docs/4.1/con...
https://www.chartjs.org/
https://docs.djangoproject.com/en/3.1...

About this video:
Now that we have our two context dicts that we pass to the HTML template, we can build some simple tables and charts using ChartJS.

Video Content:
00:00 Intro
00:35 Bootstrap tables (for nice style)
1:13 Copy and reusing HTML section
2:49 Build HTML table using context and Django (Jinja2) "for" tags
6:39 Build section for ChartJS
7:58 Implement ChartJS into project
09:25 Add {% block js %} into base.html
10:07 Use ChartJS in project
12:40 Chart class overview
13:03 Configure ChartJS using view context
15:37 Use console.log() to debug JS in Chrome inspection console
19:21 Overview of job well done! Suggestions?
22:26 Coming up...

About this tutorial:
The primary goal of this tutorial is to take you through the steps of creating a solid Django portfolio project that will stand out when you talk to your future employer.
Check out tutorial's intro to see if it's something for you:
   • 01 - Introduction to the course - Django -...

Tutorial repo:
https://github.com/SugarloafAndACupOf...

Please hit SUBSCRIBE if you wanna get the notifications about the new content!
Also, like the hell out of this video if you find it useful/interesting!
Follow us on Facebook:   / sugarloaf-and-a-cup-of-joe-101638761829670
and Instagram:   / sugarloaf_and_a_cup_of_joe

On this page of the site you can watch the video online 30 - Visualizing Data with HTML Table and ChartJS - Django | DRF | React w. Data Analysis with a duration of hours minute second in good quality, which was uploaded by the user Sugarloaf And a Cup of Joe 29 January 2021, share the link with friends and acquaintances, this video has already been watched 669 times on youtube and it was liked by 10 viewers. Enjoy your viewing!

10,571

300