30 - Visualizing Data with HTML Table and ChartJS - Django | DRF | React w. Data Analysis
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