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.

Talk Python's Mastodon Michael Kennedy's Mastodon