Build Python Data Apps with Vizro Dash

How to create data apps and dashboards in Python in the fastest way possible, using Vizro -- a new library built on top of Plotly Dash.

Advance your AI - Python skills by joining the Charming Data Community:

My code:

Vizro Demo App:

Vizro docs:

Video layout:
00:00 - What you'll learn & code access
02:09 - Vizro app structure
03:46 - Page structure
06:01 - Filter model
08:16 - Parameter model
11:23 - Parameter model to histogram
13:20 - Parameter model to table
14:43 - Filter vs Parameter
15:21 - Actions
17:35 - Action breakdown
19:54 - Multi-page app
************************************************************************
👉 Your support keeps Charming Data running, which is proudly a 100% member-supported educational channel:

[CharmingData]

Hey Everyone, Vizro is a new Python package that is developing rapidly. As new features are released, I'll make more videos highlighting their usage.

[jppalmab]

Amazing content as always, so interesting the package, I will take a look over the weekend

[MogensBLaursen]

An excellent walk-through emphasizing structure which is the starting point of an app developer. Have not seen it so clearly explained elsewhere, maybe because vizro lends itself to that narrative.

[sadathasan]

Nice content 💯.

Its so simple to develop. I would love to see some advanced features and customization options in the near future.

[MIServicesmysore]

Thanks for the tutorial. How to deploy the vizro app on production server like apache or Nginx.

[zulhishamtan]

Amazing video...Thank you for sharing the valuable knowledge.
By the way, is there a way to implement SSO in either Plotly Dash Application or Vizro Dash app?

[starorange]

Hi @CharmingData, thanks for the video. I started playing around with Vizro - I've been trying to find a way to modify the sidebar's css properties to make the width smaller but no luck....do you know if this is possible?

[GustavoSilva-pzkj]

Hi, im strugling with an issue. Must create an responsive dashboard, but the sidebar looks terrible on phone (or portrait viewers) and bottom nav bar looks awful on pc (or landscape viewers) i can make something to show sibebar for landscape viewers and bottom nav bar to portrait viewers?

[worldwidetraveler]

I have a question and would be super greatful if you could answer it. How difficult is it to add the dcc.graphviz from the dash interactive graphviz add-on as a new custom type?

[HuyBui-ivny]

Thanks for the tutorial. This library saved me a lot of time building similar apps using dcc.
One question though, is there a way to deploy this app on Render? I am following your other video and stuck at "Code exists: server = app.server in src/app.py"

[MikeGao-ze]

How is Vizro handle update? We can put dcc.Interval for periodic update in dash, but Vizro seems to wrap this up too?

[PauloTrasher]

Hello! I am new to dashboards and I would like to use them. I mainly work with dataframes and some xarray datasets too! Can I start with vizro directly or should I learn about plotly and dash before? your content was very clear and easy to reproduce thanks a lot!

[PeterCazorla]

any straightforward advantages to streamlit?

[iakinglik]

Surprised Vizro does not support dash.Patch

[bertrandcousin]

Hi Adam, Vizro looks really nice. But for me, the problem remains the same: how to benefit from the power of such visualisation tools in a context of enterprise data confidentiality. In a 'real' environment, you'd like to share much more than the gapminder dataset with colleagues who aren't familiar with Python or with senior management. And in that case, heroku, render or others aren't safe enough to be viable solutions.
It would be fantastic to have a way to share a dash/vizro application more "locally", without any security issues.
If you know a way to do this, I'd love to hear from you...
🙏

[MogensBLaursen]

Vizro is built by the consultancy McKinsey, so it is probably developed for internal use and opened to the outside community. Will there be any caveats wrt. its future use as this is not McKinsey's primary business and could be abandoned ?

[psuwik]

First of all I would like to thank u for that video. Really great job ! :) I have a question about "multipage.py". When I run a srcipt a get a following info : "AttributeError: 'DataFrame' object has no attribute 'append'" ... I read that "append" should be change on "concat" but I don't know where I should to rewrite it... The other example files (action.py, filter_data.py etc) work well. I have problem only with "multipage.py"... Thank you in advance for your help ! :)

[psuwik]

And one more question (I forgot to add it in ma previous comment :)). Is it necessary to restart kernel every time when I want to run the script (script with vizro) ? I work on Spyder. When I don't restart kernel I get the following alert :
"ValidationError: 1 validation error for Graph
figure
Component with id=scatter_chart already exists and is mapped to dataset 2652148788048. Components must uniquely map to a dataset across the whole dashboard. If you are working from a Jupyter Notebook, please either restart the kernel, or use 'from vizro import Vizro; Vizro._reset()`. (type=value_error)"