Dash app for multi-select dropdown and downloading it as interactive standalone HTML file

rsmaayon · November 21, 2022, 5:09am

Hi all,
Following download html from this link: Interactive html export in Python
Wanted to implement same for dash app with dropdown menu. Unable to link fig with callback and not knowing how to export the multi-select version too. Any tips to do this?

AIMPED · November 21, 2022, 12:24pm

Hi @rsmaayon welcome to the forums.

This was an interesting question for me personally so I created the following example. I am not too happy with the differentiation which images to download as I had to had to use the name attribute of the go.Scatter() trace.

github.com

AIMPED/plotly_dash/blob/master/plotly_dash_download_interactive_figures.py

from dash import Dash, Input, Output, State, dcc, html
import plotly.graph_objects as go
import numpy as np
import zipfile
import io

app = Dash()

app.layout = html.Div(
    [
        dcc.Dropdown(
            id='drop',
            options=[
                {'label': 'graph1', 'value': 'fig1'},
                {'label': 'graph2', 'value': 'fig2'}
            ],
            multi=True
        ),
        html.Button('Download selection', id='btn'),
        dcc.Graph(

This file has been truncated. show original

@HConBike and @Emil did the hard work, I just adapted their code slightly.

rsmaayon · November 22, 2022, 5:01am

Hello @AIMPED
Really nice and thank you for this.
For normal dropdown we have only selected graph being plotted in dash, is it possible to have same function here instead of having the graphs displayed at all time?

AIMPED · November 22, 2022, 10:08am

Hi @rsmaayon , so you want to show the figure in your app and at the same time save the figure into a html file?

rsmaayon · November 22, 2022, 12:15pm

Hi @AIMPED,
Yes. Without multi, I am having options for dropdown and based on the value I choose it updates the graph ( Dropdown menus in Python - using the last example : Update Dropdown). In this way we can give different conditions for different graphs in terms of variables or range.

Topic		Replies	Views
Export Page as HTML Dash Python question	3	5420	August 14, 2023
Select different data files with Dropdown, and then visualize Dash Python question	2	2497	July 29, 2022
Callbacks with a drop down with multi select Dash Python	18	41976	March 28, 2023
Dropdown with output two Graphs Dash Python	0	743	May 11, 2018
Passing data in multi-tab app Dash Python	4	510	March 30, 2022

Dash app for multi-select dropdown and downloading it as interactive standalone HTML file

Related topics