Python Data Visualization Transcripts
Chapter: Dash
Lecture: Component overview
Login or
purchase this course
to watch this video and the rest of the course contents.
0:00
Before I go through the next code example, I want to take a step back and talk about the various dash components and the
0:07
major groupings and how you want to use them. So the first one are components that you use for layout,
0:12
which control the application appearance. And this is primarily through various html and CSS functions You access these by importing html.
0:23
And we saw how you can use the html div H1 H2. And the full list is available at the link here.
0:31
The second grouping of components are the core components which are made up of input widgets
0:36
and graphs. So this allows you to place different inputs and ultimately to place one or more graphs on your visualization.
0:45
You access those by doing from dash import DCC and this includes dropdown, sliders, checklists, etcetera as well as the DCC graph which we use in the
0:54
previous example. The final grouping are called callbacks and this is what really adds a
1:00
lot of interactivity to dash and these are the python functions that automatically will update the page for you based on user input,
1:09
you access those from dash by doing from dash import input output.
1:13
There is an app called back decorator which will cover that defines the input and output
1:19
and generally use this to filter or update your data and then display a new graph
1:24
based on that update. These components combined give you a tremendous amount of flexibility on
1:31
the appearance where you want to place items on the page and how you want to provide interactivity for your users.