def dash_create_menu_colorscales(menu_id, swatches, width,**kwargs):
# colorscale = kwargs.get('colorscale', None)
return html.Div(
className='{} columns'.format(width) if width!='row' else width,
style={'fontSize': 12},
children=[
html.H6('ColorScale'),
dash_colorscales.DashColorscales(
id=menu_id,
# # colorscale=colorscale,
nSwatches=swatches,
fixSwatches=False,
),
html.P(id='color_output', children='')
]
)
value=DEFAULT_OPACITY,
step=0.1,
marks={
tick: str(tick)[0:3]
for tick in np.linspace(0, 1, 11)
},
),
],
style={
'width': 300,
'display': 'inline-block',
'marginBottom': 10
}),
html.Div([
dash_colorscales.DashColorscales(id='colorscale-picker',
colorscale=DEFAULT_COLORSCALE,
nSwatches=16,
fixSwatches=True)
],
style={'display': 'inline-block'}),
html.Div([
dcc.Checklist(
options=[{
'label': 'Hide legend',
'value': 'hide_legend'
}],
values=[],
labelStyle={'display': 'inline-block'},
id='hide-map-legend',
)
],
style={'display': 'inline-block'}),
html.H1('Turkey Vulture Movement Patterns',
className='header',
style={
'font-family': '"Verdana", Arial, sans-serif',
'text-align': 'center',
'color': '#3F007D'
}),
html.Div([
html.Span('Colors',
style={
'font-family':
'"Open Sans", Helvetica, Arial, sans-serif',
'color': '#252525',
'margin-left': '30px'
}),
dash_colorscales.DashColorscales(
id='color-picker', nSwatches=19, fixSwatches=True)
]),
html.Div([
dcc.Graph(id='graph'),
dcc.Interval(
id='interval-component', interval=300 * 1000, n_intervals=0)
])
],
className="map")
@app.callback(Output('graph', 'figure'), [
Input('interval-component', 'n_intervals'),
Input('color-picker', 'colorscale')
], [State('graph', 'relayoutData')])
def update_graph(n, colorscale, layout):
),
],
className="container",
)
],
className="two-thirds column app__left__section",
),
html.Div(
[
html.Div(
[
html.Div([
html.P("Click colorscale to change",
className="subheader"),
dcs.DashColorscales(
id="colorscale-picker",
colorscale=default_colorscale_index,
),
])
],
className="colorscale pb-20",
),
html.Div(
[
html.P("Select option", className="subheader"),
dcc.RadioItems(
options=[
{
"label": "Brain Atlas",
"value": "human_atlas"
},
{
dcc.RangeSlider(
id="cut-slider",
min=min_value,
max=max_value,
step=1,
value=[min_value, max_value],
marks={
min_value: str(min_value),
max_value: str(max_value),
},
),
]),
]),
html.Div([
html.Button("Toggle log", id="log-toggle-btn"),
dash_colorscales.DashColorscales(
id="layer-colorscale", nSwatches=7, fixSwatches=True),
html.P(id="output", children=""),
]),
html.Div(
children=[
leaflet_map_1,
],
style={
"display": "grid",
"gridTemplateColumns": "1fr 1fr",
"minHeight": "90vh",
"padding-left": "25%",
},
),
])
'''
Click on the brain to add an annotation. \
Drag the black corners of the graph to rotate. ''',
html.A(children='GitHub',
target='_blank',
href='https://github.com/plotly/dash-brain-surface-viewer',
style={'color': '#F012BE'}), '.'
]),
html.Div([
html.P(children='Click colorscale to change:',
style={
'display': 'inline-block',
'fontSize': '12px'
}),
html.Div([
dcs.DashColorscales(id='colorscale-picker',
colorscale=DEFAULT_COLORSCALE_NO_INDEX)
],
style={
'marginTop': '-15px',
'marginLeft': '-30px'
}),
html.Div([
dcc.RadioItems(options=[
{
'label': 'Cortical Thickness',
'value': 'human'
},
{
'label': 'Mouse Brain',
'value': 'mouse'
},
html.Div(
className='twelve columns',
id='graph_settings',
children=[
html.H6(
'Group Color Properties'),
html
.Div(id='color_pickers',
children=create_color_pickers()),
html
.Label(
'Colorscale Gradient for Individual Group'
),
dcs.DashColorscales(
id='ind_group_colors',
colorscale=[
'#fbb4ae', '#b3cde3', '#ccebc5',
'#decbe4', '#fed9a6', '#ffffcc'
]),
html.Button('Update Colors',
id='update_graph',
n_clicks=0,
type='submit'),
html.Hr(),
html.Div(
className='twelve columns',
id='probability-graph-properties',
children=[
html.
H6('Probability Graph Properties'),
html.Label(
'Set Multi Group Frames:'),
data[expt] = {
'Xot': Xot,
'm': m,
'labels': labels,
'labelindices': labelindices,
'encoderr': encoderr,
'encodertau': encodertau,
'decoder': decoder
}
#
app.layout = html.Div([
dbc.Container(html.Div([navbar, row_1, row_2]), fluid=True),
dcs.DashColorscales(
id="colorscale-picker",
colorscale="RdBu",
)
])
#, className='w-60')
def generate_medium(epsilon, expt):
eps = ["base0", "moni1", "moni2"][epsilon]
m0 = data[expt]['m'][eps]
fig = px.imshow(
m0.transpose(),
color_continuous_scale='Viridis',
)
fig.update_layout(margin={"l": 0, "r": 0, "b": 0, "t": 0})
return fig
# labels=dict(x="Day of Week", y="Time of Day", color="Productivity"),
