Black Lives Matter. Please consider donating to Black Girls Code today.

📣 Announcing JupyterDash

We’re excited to announce the release of JupyterDash, our new library that makes it easy to build Dash apps from Jupyter environments (e.g. classic Notebook, JupyterLab, Visual Studio Code notebooks, nteract, PyCharm notebooks, etc.).


To get started right away, install the jupyter-dash package using pip…

$ pip install jupyter-dash

or conda:

$ conda install -c conda-forge -c plotly jupyter-dash

Then, copy any Dash example into a Jupyter notebook cell and replace the dash.Dash class with the jupyter_dash.JupyterDash class. Or, copy and paste this example.

import as px
from jupyter_dash import JupyterDash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output

# Load Data
df =

# Build App
app = JupyterDash(__name__)
app.layout = html.Div([
    html.H1("JupyterDash Demo"),
            id='colorscale-dropdown', clearable=False,
            value='plasma', options=[
                {'label': c, 'value': c}
                for c in px.colors.named_colorscales()

# Define callback to update graph
    Output('graph', 'figure'),
    [Input("colorscale-dropdown", "value")]
def update_figure(colorscale):
    return px.scatter(
        df, x="total_bill", y="tip", color="size",
        render_mode="webgl", title="Tips"

# Run app and display result inline in the notebook

You can also try it out, right in your browser, with binder.

Learn More

Check out the full announcement post to learn more, and let us know what you think!


just try it, men this looks awesome its gonna make my presentation work tons easier thaks a lot to averyone involved

1 Like

That would really be awesome/great if we could have the same in R ! Any plans to do this ?