How to Make a Python Multi Page Application with Plotly Dash

Create a multi page app in Python using Plotly Dash. This is an introduction to multi-page Python Apps, focused on getting you started with a basic but solid web app. In future videos, we'll expand and enhance the app, as I teach you to read the Dash documentation and understand more advanced features of a multipage app.

Join the Community:

My GitHub Code:

Multipage Dash Docs:

Plotly Forum:

Video layout:
00:00 - What you will learn and code
02:01 - App Folder Structure
02:57 - Page 1
06:13 - Page 2 and Page 3
11:35 - Displaying content of each page
13:13 - Future multipage tutorial videos

************************************************************************
👉 Your support keeps Charming Data running, which is proudly a 100% member-supported educational channel:

[WhiteLemon_Official]

Hi your content works like a charm for me, I am starting to love the dash framework because of you. The explanation of each function is very informative and easy to understand. Thank youu. i keep learning ang growing everytime I watch in your channel

[MakeDataUseful]

Fantastic! I’ve been writing spaghetti code with callbacks. Always appreciated Adam, keep the great work!

[mikedecherd]

This is something I have been wanting to do for while. Thanks for sharing this video, I am looking forward to to the rest of the series. I will be following closely.

[NoWhiteGullibility]

Much cleaner than the old way of doing it with callbacks 👍

[sau]

Nice explanations. But, the dark model is making the code illegible on my laptop. Must be my laptop. Thanks

[Dave-fvtt]

Great channel to learn dash! Could you make videos about the following topics? 1) use server side caching to boost performance 2) add login, logout and register account functionality to a dash app

Thanks!

[Martino_Kr]

Ok i would have a question :-), what about callbacks in the context of subpages? where should I put them ?

[MdKamruzzaman-fq]

can you please make a video about off-canvas where i will put the link of the page for creating multi page app. Also want to use dash.register_page() and page_container().i am new in dash .. instead of Location.if you it will be great .

[elisealstad]

Thanks so much!

I have been watching all your videos and have managed to create a dashboard for work.

I was wondering how to employ the dashboard? I am using sensitive work data that I am updating at regular intervals from sql using apscheduler. Since the data is sensitive, I was hesitant to use Heroku which I know you have recommended. Is it "safe" to use Heroku? Or would you recommend another method for employment, or maybe I need to ask a developer at my company to assist me?

Thanks again for your videos. They are so helpful!!

[quimicamaxima]

Thanks.
How to share data between pages?
Upload on one page and graphs and analysis on another page.

[justenyirimana]

Great content Adam. In this series, is it possible to show how this app can be created with a sidebar. I'm having issues connecting the dots on how I would structure my pages if I added a sidebar. Thanks.

[inspecteurbane]

Hello,
always very interesting looking forward to this series. ✌
Do you know the django-plotly-dash lib? I am discovering it rn. I don't know what it's worth but it looks like it would match with this series quite well
Thanks for all your tutorial, i watched a lot of them and i am very proud i managed to do the app I wanted to do thanks to you!
🙌

[UninformedUkGraduate]

when you create an executable, how would we include the pages?

[WhiteLemon_Official]

May I ask if we can pass a variable in multipage? lets say I have a login page, then I will move the username into page 2. something like that.

[Genologic]

How come PyPi only has dash v2.13.0? I don’t have the multi page feature in this version and I really need it for my project.

[pykinggoogle]

Can you comment regarding your choice of dcc.Link instead of dbc.Nav?
They seem to perform very similar functions.

[infojakarta]

when i added new page, i got this error: raise must be called after app instantiation")
dash.exceptions.PageError: `dash.register_page()` must be called after app instantiation

[ayodejienoch]

Hello @Charming data, I deployed my multi page app with dashtools but it keep showing application error whenever I open the app, any help please 🙏

[findthetruth]

Could you please create easy interactive dashboard with Jupiter notebook. I haven't seen any video like this on YouTube so far. Thanks in advance for your amazing videos.

[harshagrawal]

Hi Adam, I had a question if you could please help me with. My dash app has around 6 pages, each page is getting its data via rest API calls which makes it a bit slower as it all loads at start before the app start running.

Could you please tell me how is it possible to load the data of a particular page only when the user selects that particular page, kind of load on demand type of thing.