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

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

plotly_dash_download_interactive_figures.py

master

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.

Topic		Replies	Views
Export Page as HTML Dash Python question	3	9028	August 14, 2023
Download chart image file 📊 Plotly Python	1	881	January 19, 2023
Button to download graph as interactive html Dash Python tips-and-tricks	0	496	January 29, 2022
Callbacks with a drop down with multi select Dash Python	18	43449	March 28, 2023
Download multiple plots using 1 single download button in dash Dash Python	2	1987	August 31, 2022

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

Related topics