Srijith7885/interactive-dashboard-post

📝 A blog post about turning jupyter notebooks into interactive web apps

From notebook to web application 📔​+🔮=💥

Visit the original blog post!

• What is this? 🤔
• Screenshots
• How do I run the notebook? 📔
• How do I run the dashboard? 📊

What is this? 🤔

A blog post/tutorial for the Practical Business Python blog that teaches how to create web applications from jupyter notebooks and then deploy them.

Visit the live dashboard (might take a bit to load because of binder)

Screenshots

How do I run the notebook? 📔

Clone the repo:

$ git clone https://github.com/duarteocarmo/interactive-dashboard-post.git

Navigate to it:

$ cd interactive-dashboard-post

Create a virtual environment:

$ virtualenv env

Activate the environment:

$ . env/bin/activate

Install the requirements:

(env) $ pip install -r requirements.txt 

Launch jupyter lab:

(env) $ jupyter lab

It should launch automatically. If not, check this.

🚨 troubleshooting 🚨

If the plotly express plots are not showing then try:

(env) $ jupyter labextension install @jupyterlab/plotly-extension

If you still have problems, follow these instructions.

How do I run the dashboard? 📊

Follow the instructions above until you have the requirements installed, and then:

(env) $ voila notebooks/Dashboard.ipynb

This should launch the dashboard in http://localhost:8866/