Скачать или смотреть Django and HTMX #11 - Creating Data-Driven Bar Charts with Django, Bokeh and HTMX

▶ Django & HTMX FULL COURSE: https://www.udemy.com/course/django-h...

In this video, we'll use Django and the Bokeh library to create a bar chart that visualizes country GDPs between 1960 and 2016. The data will come from our Django app's database, and we'll use tools from the Bokeh library to create and style a bar-chart.

Users will be able to update the chart to look at a specific year, and to update the amount of countries shown on the chart (i.e. the number of bars).

HTMX attributes will allow us to replace the bar chart with new data, dynamically, on our front-end.

▶️ Full Playlist:
   • Django & HTMX  

📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀:
00:00 Intro
01:02 Setting up
02:09 Creating Django Models for GDP Data
03:42 Populating Database with Django Management Script
09:45 Creating Bar Chart view with Bokeh
13:01 Creating Bokeh ColumnDataSource
14:13 Creating Bokeh figure
16:46 Rendering Bokeh chart in the template
19:12 Improving bar chart styles
21:23 Customizing year with HTMX
26:00 Customizing number of bars with HTMX
29:51 Adding Bokeh HoverTool
31:09 Outro

☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲:
To support the channel and encourage new videos, please consider buying me a coffee here:
https://ko-fi.com/bugbytes

𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮:
📖 Blog: https://www.bugbytes.io/posts/django-...
👾 Github: https://github.com/bugbytes-io/django...

📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻:

Starter Code: https://github.com/bugbytes-io/django...
GDP JSON Data source: https://datahub.io/core/gdp
HTMX: https://htmx.org/docs/
itertools.dropwhile: https://docs.python.org/3/library/ite...
django-htmx: https://github.com/adamchainz/django-...
bokeh: https://bokeh.org/
bokeh embed: https://docs.bokeh.org/en/latest/docs...
bokeh styling: https://docs.bokeh.org/en/latest/docs...
bokeh ColumnDataSource: https://docs.bokeh.org/en/latest/docs...

#django #htmx #python #bokeh