from react import Dash
from components import div, Dropdown
dash = Dash(__name__)
food_groups = ['fruits', 'vegetables']
food_varities = {
'fruits': [{'val': c, 'label': c} for c in ['apples', 'oranges']],
'vegetables': [{'val': c, 'label': c} for c in ['kale', 'radishes']]
}
colors = {
'apples': [{'val': c, 'label': c} for c in
['apple green', 'apple red']],
'oranges': [{'val': c, 'label': c} for c in
['orange ruby', 'orange pink']],
'kale': [{'val': c, 'label': c} for c in
['kale green', 'kale evergreen']],
'radishes': [{'val': c, 'label': c} for c in
['radish red', 'radish pink']]
}
dash.layout = div([
Dropdown(id='xdata', options=[{'val': c, 'label': c} for c in food_groups])
])
dash.layout['xdata'].selected = dash.layout['xdata'].options[0]['val']
dash.layout.append(
Dropdown(id='ydata', options=food_varities[dash.layout['xdata'].selected])
)
dash.layout['ydata'].selected = dash.layout['ydata'].options[0]['val']
dash.layout.append(
