I have recently started using Dash, and I think it is great! I built an app and it works beautifully. I can run it on a server, and people can access it, and interact with it as needed. My problem is then, how can a user share the session with another user?
To be a bit more specific I have included a simple example below. This is just one of the first examples from https://dash.plot.ly/getting-started with interactivity. Lets say the user has changed the slider and one of the dropdown menus and is now happy with his work. How would he share that with someone else?
What I am thinking is some way of sending a link, or having some kind of id which would reload the session with all the specific user-made changes. Ideally, I am looking for a solution that scales well, so it can be used with multiple components of any kind and with several tabs, and whatever else could be included in a Dash layout.
When I have googled the issue, I have come accross flask_caching, flask_sessionstoring, and session ids, but I am not sure if I am looking in the right direction. So any suggestions are much appreciated.
# -*- coding: utf-8 -*-
import dash
import dash_core_components as dcc
import dash_html_components as html
external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
app.layout = html.Div([
html.Label('Dropdown'),
dcc.Dropdown(
options=[
{'label': 'New York City', 'value': 'NYC'},
{'label': u'Montréal', 'value': 'MTL'},
{'label': 'San Francisco', 'value': 'SF'}
],
value='MTL'
),
html.Label('Multi-Select Dropdown'),
dcc.Dropdown(
options=[
{'label': 'New York City', 'value': 'NYC'},
{'label': u'Montréal', 'value': 'MTL'},
{'label': 'San Francisco', 'value': 'SF'}
],
value=['MTL', 'SF'],
multi=True
),
html.Label('Radio Items'),
dcc.RadioItems(
options=[
{'label': 'New York City', 'value': 'NYC'},
{'label': u'Montréal', 'value': 'MTL'},
{'label': 'San Francisco', 'value': 'SF'}
],
value='MTL'
),
html.Label('Checkboxes'),
dcc.Checklist(
options=[
{'label': 'New York City', 'value': 'NYC'},
{'label': u'Montréal', 'value': 'MTL'},
{'label': 'San Francisco', 'value': 'SF'}
],
values=['MTL', 'SF']
),
html.Label('Text Input'),
dcc.Input(value='MTL', type='text'),
html.Label('Slider'),
dcc.Slider(
min=0,
max=9,
marks={i: 'Label {}'.format(i) if i == 1 else str(i) for i in range(1, 6)},
value=5,
),
], style={'columnCount': 2})
if __name__ == '__main__':
app.run_server(debug=True)