html.Div(id='gen-filter-dump', style={'display': 'none' }), dcc.Checklist( id="gen-settings-input-1", options=[ { 'label': 'Toggle Regression', 'value': 'regression' }, { 'label': 'Toggle Clustering', 'value': 'clustering' }, { 'label': 'Toggle Datapoints', 'value': 'datapoints' }, { 'label': 'Toggle Multiline', 'value': 'multiline' } ], labelStyle={ 'display': 'block', 'margin-bottom': '6px' }, values=[]), ], className= 'toggle-container item-element-margin-top',
overview_df['Decimal Year'].unique() }, included=True) ]) ]), dcc.Tab( label="Wavelength", children=[ # Div Container for detector checklist (positioned far left) html.Div(children=[ dcc.Checklist(id="wavelength-detector-checklist", options=[{ 'label': "CCD", 'value': 'STIS/CCD' }, { 'label': "NUV-MAMA", 'value': 'STIS/NUV-MAMA' }, { 'label': "FUV-MAMA", 'value': 'STIS/FUV-MAMA' }], value=wav_detectors) ], style={ 'width': '25%', 'display': 'inline-block' }), # Div Container for obstype checklist (positioned middle) html.Div(children=[ dcc.Checklist(id="wavelength-type-checklist", options=[{
updatemode='drag') ]), html.Div(className='app-controls-block', children=[ html.Div("Outline", className='app-controls-name'), dcc.Slider(id='speck-outline', className='control-slider', max=1, step=0.01, value=0.0, updatemode='drag'), ]), html.Hr(), dcc.Checklist(id='speck-show-hide-bonds', options=[{ 'label': 'Show bonds', 'value': 'True' }], values=[]), html.Div(className='app-controls-block', children=[ html.Div('Bond scale', className='app-controls-name'), dcc.Slider(id='speck-bond-scale', className='control-slider', max=1, step=0.01, value=0.5, updatemode='drag') ]) ]
dbc.Row([ #header html.H1(children='Can renewable energy reduce carbon emissions?', className='nine columns'), html.Div(children='Dora Ma', className='three columns'), ]), #Check boxes for selecting renewable energy or co2 to display on graph row([ #Checkboxes for renewable energy and CO2 for graph html.Div([ dcc.Checklist(id='checkRC', options=[{ 'label': 'Renewable energy', 'value': 'renewEne' }, { 'label': 'CO2 emissions', 'value': 'co2' }], values=['renewEne', 'co2']) ], className='three columns'), html.Div( [ #make slider for years dcc.Slider(id='year-slider', min=df.year.min(), max=df.year.max(), value=df.year.min(), marks={str(y): str(y) for y in available_years})
# sales indicators row dcc.Loading(id='loading-sales-indicators', children=[ html.Div(id='sales-indicators', className='row'), ]), html.Br(), # graph toggles html.Div([ dcc.Checklist(id='sales-checkbox', options=[{ 'label': 'View sales by product', 'value': 'y' }], value=[], style={ 'display': 'inline-block', 'font-size': '20px', 'margin-left': '2.5%' }), dcc.Checklist(id='orders-checkbox', options=[ { 'label': 'View orders by coupon use', 'value': 'y' }, ], value=[], style={
}, 60: { "label": "60" }, }, ) ], className="slider", ), html.Div( [ dcc.Checklist( id="bin-auto", options=[{ "label": "Auto", "value": "Auto" }], value=["Auto"], inputClassName="auto__checkbox", labelClassName="auto__label", ), html.P( "# of Bins: Auto", id="bin-size", className="auto__p", ), ], className="auto__container", ), dcc.Graph( id="wind-histogram", figure=dict(layout=dict(
by_state = by_state.groupby(by_state['State'], as_index=False).sum() by_state = pd.melt(by_state, id_vars='State') states = by_state.State.unique() states.sort() app = dash.Dash(__name__) server = app.server app.layout = html.Div([ html.H3("Choose which states to visualize"), html.Div([ dcc.Checklist(id='state-select', options=[{ 'label': i, 'value': i } for i in states], value=states, style={'width': '75%'}) ]), html.H3("Choose the date range"), dcc.DatePickerRange(id='my-date-picker-range', min_date_allowed=dt(2020, 1, 22), max_date_allowed=dt(2020, 7, 27), initial_visible_month=dt(2020, 2, 1), start_date=dt(2020, 1, 22).date(), end_date=dt(2020, 7, 27).date()), dcc.Graph('lines', config={'displayModeBar': False}) ])
#### 3.Row #### html.Div( [ html.Button('Training', id='train_button', n_clicks_timestamp='0', className='two columns'), html.Button('Test', id='test_button', n_clicks_timestamp='0', className='two columns'), dcc.Checklist( id='trading_markers_checkbox', options=[{ 'label': 'Trading markers', 'value': 'checked', 'disabled': True }], values='', className='two columns'), # Portfolio dropdown dcc.Dropdown( id='portfolio_val_dropdown', multi=True, value='default', style={'vertical-align': 'right'}, className='six columns') ], className="row", style={'marginTop': 30}),
dbc.Row([dbc.Col([ html.H3("Client's Name:"), dcc.Dropdown( id='client_name_dropdown', options=[ {'label': name, 'value': name} for name in client_names ], value=client_names[0] ) ], width={'size':3}, ), dbc.Col([ html.H3("Client's Base Numbers:"), dcc.Checklist( id='base_numbers_checklist',labelStyle={'display': 'inline-block'} ) ], width={'size':5}, ), dbc.Col(card_risk_current, width=2), dbc.Col(card_risk_target, width=2), ]), html.Br(), dbc.Row([dbc.Col(card_assets, width=3), dbc.Col(card_liab, width=3), dbc.Col(card_month_return, width=2), dbc.Col(card_quarter_return, width=2), dbc.Col(card_year_return, width=2)], justify="around"), # justify="start", "center", "end", "between", "around" dbc.Row([dbc.Col([dcc.Graph(id='asset_liab_timeseries')],
n_function_show_slider = dcc.Slider(id='n_functions_show_slider', value=10, min=0, max=40, className='dcc_control') le_list = list( pd.read_sql(''' SELECT DISTINCT legal_entity_short FROM hc_data_main ''', con=engine)['legal_entity_short']) le_options = [{'label': str(dept), 'value': str(dept)} for dept in le_list] le_checklist = dcc.Checklist(id='le_checklist', options=le_options, value='ГРС', className='dcc_control', labelStyle={'display': 'block'}) le_dict = pd.read_sql( 'SELECT DISTINCT legal_entity_short_eng, legal_entity_short FROM hc_data_main', con=engine).set_index( 'legal_entity_short_eng').to_dict()['legal_entity_short'] le_options_dict = [{ 'label': str(value), 'value': str(key) } for key, value in le_dict.items()] le_dropdown = dcc.Dropdown(id='le_dropdown', options=le_options_dict, multi=True,
]) ]), ], className='six columns'), ], className='row'), html.H4(children='US Agriculture Exports (2011)'), html.Div([ html.Div([ html.H1(children='Gráfico 2'),# html.Div(children=''' Otro ejemplo '''),# dcc.Checklist(id='crossfilter_tipo_contrato1', options=[{'label': i, 'value': i} for i in available_tipo_contrato], value = ['Suministros','Consultoría'], labelStyle={'display': 'inline-block'} ), dcc.Graph( id='example-graph-2' ), ], className='six columns'), html.Div([ html.H1(children='Gráfico 3'),# html.Div(children=''' Tipo de Contrato '''),# dcc.Dropdown( id='crossfilter_tipo_contrato2',
html.Label('Radio Items'), dcc.RadioItems( options=[ {'label': 'New York City', 'value': 'NYC'}, {'label': 'Montreal', 'value': 'MTL'}, {'label': 'San Francisco', 'value': 'SF'} ], value='MTL' ), html.Label('Checkboxes'), dcc.Checklist( options=[ {'label': 'New York City', 'value': 'NYC'}, {'label': 'Montreal', '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})
def team_layout(pathname): # Here we extract context from the url in order to render relevant data: pathelements = pathname.split('/') for count, element in enumerate(pathelements): if element == 'team': break record_id = pathelements[count - 1] author = get_object_or_404(Author, pk=record_id) #message = html.P("ID: %s | Inspector: %s" %(record_id, author.name)) message = html.P('') team_layout = [ message, html.Div( [ html.Div([ html.Div( [ html.H2("PLAYER AND TEAM PERFORMANCE COMPARISON"), ], style={ 'background-color': '#2aa9d2', 'color': 'white', 'border-radius': '2px', 'padding': '10px 0px 10px 10px' }), html.Div([ dcc.Graph(id='g1'), ], style={ 'width': '33%', 'float': 'left', 'display': 'inline-block' }), html.Div( [ dcc.Graph(id='g3'), ], style={ 'width': '33%', 'float': 'center', 'display': 'inline-block' }), html.Div( [ dcc.Graph(id='g2'), ], style={ 'width': '34%', 'float': 'right', 'display': 'inline-block' }), ]), html.Div( [ html.Div( [ dcc.RangeSlider( id='slider_1', marks={ i: '{}'.format(month) for i, month in enumerate([ "Nov 2015", "Dec 2015", 'Jan 2015', 'Feb 2016', 'Mar 2016' ]) }, min=0, max=4, value=[0, 4], step=None, ) ], style={ 'display': 'inline-block', 'width': '100%', 'float': 'left', 'marginBottom': 50, }, ), html.Div( [ dcc.RadioItems( id='home_away_1', options=[{ 'label': "Host", 'value': 0 }, { 'label': 'Guest', 'value': 1 }], value=0, labelStyle={'display': 'inline-block'}), ], style={ 'display': 'inline-block', 'float': 'none', 'margin': 'auto' }, ), html.Div( [ dcc.Checklist( id='Player_name_1', options=[{ 'label': i, 'value': i } for i in player_name_list], values=['Cheatham Hannif'], labelStyle={'display': 'inline-block'}) ], style={ 'display': 'inline-block', 'float': 'right', 'margin': 'auto' }, ), ], style={ 'marginTop': 50, 'width': '45%', 'float': 'left', 'display': 'inline-block', 'padding': '0px 0px 100px 40px', 'font-size': '16px' }, ), html.Div( [ html.Div( [ dcc.RangeSlider( id='slider_2', marks={ i: '{}'.format(month) for i, month in enumerate([ "Nov 2015", "Dec 2015", 'Jan 2015', 'Feb 2016', 'Mar 2016' ]) }, min=0, max=4, value=[0, 4]), ], style={ 'display': 'inline-block', 'width': '100%', 'float': 'middle', 'marginBottom': 50, }, ), html.Div( [ dcc.RadioItems( id='home_away_2', options=[{ 'label': "Host", 'value': 0 }, { 'label': "Guest", 'value': 1 }], value=0, labelStyle={'display': 'inline-block'}), ], style={ 'display': 'inline-block', 'width': '30%', 'float': 'left', 'margin': 'auto' }, ), html.Div( [ dcc.Checklist(id='Player_name_2', options=[{ 'label': i, 'value': i } for i in player_name_list], values=['Henry Ellenson']) ], style={ 'display': 'inline-block', 'float': 'right', 'width': '100%', 'margin': 'auto' }, ), ], style={ 'marginTop': 50, 'width': '45%', 'float': 'right', 'display': 'inline-block', 'padding': '0px 40px 100px 50px', 'font-size': '16px' }) ], style={ 'width': '100%', 'float': 'left', 'marginLeft': 'auto', 'marginRight': 'auto', 'boxShadow': '0px 0px 5px 5px rgba(204,204,204,0.4)' }) ] return team_layout
def _main(): p = Path('Data/missions.csv') if p.is_file(): # If the updated dataset exits countries = pd.read_csv('Data/missions.csv', sep='\t', header=0) else: # If the dataset must be generated # Load the 4 datasets using the .read_csv function from pandas, sep = '\t' for tsv files, don't load the header # The files are assumed to be in the 'Data' folder countries = pd.read_csv('Data/countries.tsv', sep='\t', header=0) missions = pd.read_csv('Data/missions.tsv', sep='\t', header=0) places = pd.read_csv('Data/places.tsv', sep='\t', header=0) users = pd.read_csv('Data/users.tsv', sep='\t', header=0) missions = build_dataset(missions) # Go to http://127.0.0.1:8050/ in the browser to run the visualization # or run it in JupyterNotebook using Jupyter Dash. modes = ['public', 'car', 'train', 'plane'] # Transportation modes external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css' ] # Modify text Css #app = JupyterDash(__name__, external_stylesheets=external_stylesheets) #Uncomment if running on jupyter app = dash.Dash(__name__, external_stylesheets=external_stylesheets ) #Uncomment if running normally # Layout of the visualization app.layout = html.Div([ html.H1( 'InfoViz assignment: Visualizing emission per region'), # Title # Build a checklist for each transportation mode dcc.Checklist( id="transports", options=[{ "label": x, "value": x } for x in modes], value=modes[0:], # All selected at the init labelStyle={'display': 'inline-block'} # Display in a single line ), dcc.Graph(id="emission-chart"), ]) # Interactivity of the visualization: takes as input the trasportation modes and output the graph @app.callback(Output("emission-chart", "figure"), [Input("transports", "value")]) def update_line_chart(modes): # Fixed color palette color_discrete_map = { 'North': '#D55E00', 'Reach': '#0072B2', 'Dorne': '#CC79A7', 'Westerlands': '#E69F00', 'Riverlands': '#009E73', 'Vale': '#19D3F3', 'Crownlands': '#F0E442' } # Gets all the rows from the selected modes in the checklist mask = missions['mode'].isin(modes) # Get the cumulative sums of the emissions for the visualization missions['cumsum'] = missions[mask].groupby( 'regions')['emissions'].transform(pd.Series.cumsum) #Display the visualization. X axis is the date, Y axis is the cumulative emissions. We rename the labels and apply a fixed color palette fig = px.line(missions[mask], x='date', y=missions[mask]['cumsum'], color='regions', labels={ 'date': 'Date', 'y': 'Total emissions' }, color_discrete_map=color_discrete_map) return fig #app.run_server(mode='inline') #Uncomment if running on jupyter app.run_server(debug=True) # Uncomment if running normally
html.Hr(), html.Label('Range Slider'), dcc.RangeSlider(id='rangeslider', marks={i: 'Label {}'.format(i) for i in range(0, 9)}, min=0, max=9, value=[0, 1], step=1), html.Br(), html.Hr(), html.Label('Text Area'), dcc.Textarea(id='textarea', placeholder='Enter a value...', value='This is a TextArea component'), html.Br(), html.Hr(), html.Label('Date Picker Single'), dcc.DatePickerSingle(id='date-picker-single', date=dt(2019, 6, 12)), html.Br(), html.Hr(), html.Label('Radio Items'), dcc.RadioItems(id='radio', options=options, value='PT'), html.Br(), html.Hr(), html.Label('Checkboxes'), dcc.Checklist(id='checkbox', options=options, value=['PT', 'FR']) ]) if __name__ == '__main__': app.run_server(debug=True)
def get_updated_df(): df = FULL_DF.copy() # Process df return df app.layout = Container([ Row( Col( [ html.Label('Options'), dcc.Checklist( id='checklist', options=[ {'label': 'A', 'value': 'A'}, {'label': 'B', 'value': 'B'}, ], values=['A', 'B'], labelStyle={'margin': '5px'}, ) ], bp=BOOTSTRAP_SCREEN_SIZE, size=12, ) ), Row( Col( [ dcc.Graph(id='graph_1') ], bp=BOOTSTRAP_SCREEN_SIZE, size=12, ) ), html.Div(id='hidden-data', style={'display': 'none'}),
app.layout = html.Div( style = {'color': 'black', 'background-color': 'white'}, children = [ html.H1(children = 'リアルタイムデータの見える化'), html.H3(children = ''' micro:bit 3次元加速度センサーの値を見える化しています。 '''), dcc.Checklist( id = 'ax-checklist', options = [ {'label': 'X方向の加速度 ', 'value': 'x'}, {'label': 'Y方向の加速度 ', 'value': 'y'}, {'label': 'Z方向の加速度 ', 'value': 'z'} ], value = ['x', 'y', 'z'], labelStyle = {'display': 'inline-block', 'paddingLeft' : 20, 'fontSize': '20px' } ), html.Div(id = 'get_data'), dcc.Interval(id = 'timer', interval = 500), dcc.Graph(id = 'graph-with-checkbox'), html.Div([ daq.Gauge( id = 'x-gauge', showCurrentValue = True, color = COLOR, max = ACCEL_MAX,
def _sub_layouts(self): options = html.Div( [ dcc.Checklist( options=[{ "label": "Filter solids ", "value": "filter_solids" }], value=["filter_solids", "show_labels"], id=self.id("pourbaix_diagram_options"), style={"display": "inline-block"}, inputClassName="mpc-radio", ), dcc.Checklist( options=[ { "label": "Show heatmap ", "value": "show_heatmap" }, { "label": "Show labels ", "value": "show_labels" }, ], value=["show_labels"], id=self.id("pourbaix_display_options"), style={"display": "inline-block"}, inputClassName="mpc-radio", ), ], style={ "width": WIDTH, "display": "inline-block" }, ) graph = html.Div( [ dcc.Graph( figure=go.Figure( layout=PourbaixDiagramComponent.empty_plot_style), id=self.id("graph"), config={ "displayModeBar": False, "displaylogo": False }, ) ], id=self.id("pourbaix-div"), ) sliders = html.Div( [ html.Div( children=[ html.Div( "concentration-{}".format(n), id=self.id("concentration-{}-text".format(n)), ), dcc.Slider( id=self.id("concentration-slider-{}".format(n)), min=-8, max=1, step=1, value=-4, ), ], id=self.id("concentration-slider-{}-div".format(n)), style={"display": "none"}, ) for n in range(SUPPORTED_N_ELEMENTS) ], id=self.id("slider-div"), style={"width": WIDTH}, ) return {"graph": graph, "options": options, "sliders": sliders}
value=func.getColumns()[0]['label'], multi=False, style={ 'backgroundColor' :'#d4c9f0', 'fontSize':12, }, ), dcc.Checklist( id='showTop25', options= [ {'label': 'Show Top 25', 'value': 'top25'}, # {'label': u'Montréal', 'value': 'MTL'}, # {'label': 'San Francisco', 'value': 'SF'} ], value= ['top25'], style = {'fontSize':12, 'color': '#2314f5'}, #multi=False ), #html.Br(), html.Label('Select Category'), dcc.Dropdown( id='itemsDropDown', options= Functions.get2ndColumnValues(func.df,firstColumnAtribute=func.df.columns[1]), # {'label': 'New York City', 'value': 'NYC'}, # {'label': u'Montréal', 'value': 'MTL'}, # {'label': 'San Francisco', 'value': 'SF'}, # {'label': 'San Jose', 'value': 'SJ'}
def NamedChecklist(name, style=None, **kwargs): style = __get_style(style) return html.Div( [html.P('{}:'.format(name), style=style), dcc.Checklist(**kwargs)])
style=dict(width='35%', display='inline-block', verticalAlign="middle")) ], style={ 'width': '100%', 'display': 'flex', 'align-items': 'center', 'justify-content': 'center' }), html.Div( [ html.Label('Function'), dcc.Checklist(id='KIND_CHECKLIST', options=kindoptions, value=kinds, labelStyle=dict(display='inline-block'), style=dict(width='25%', verticalAlign="middle")), html.Label('Instrument'), dcc.Input(id='INSTRUMENT_INPUT', type='text', placeholder="Instrument", style=dict(width='15%', verticalAlign="middle")), html.Label('Passage Date'), dcc.Input( id='PASSAGE_INPUT', type='text', #value=datetime.datetime.now().strftime("%Y-%m-%d"), placeholder="YYYY-MM-DD", style=dict(width='15%', verticalAlign="middle")), html.Label('Host'),
{'label': 'Active only ', 'value': 'active'}, {'label': 'Customize ', 'value': 'custom'} ], value='active', labelStyle={'display': 'inline-block'} ), dcc.Dropdown( id='well_statuses', options=well_status_options, multi=True, value=[] ), dcc.Checklist( id='lock_selector', options=[ {'label': 'Lock camera', 'value': 'locked'} ], values=[], ) ], className='six columns' ), html.Div( [ html.P('Filter by well type:'), dcc.RadioItems( id='well_type_selector', options=[ {'label': 'All ', 'value': 'all'}, {'label': 'Productive only ', 'value': 'productive'}, # noqa: E501 {'label': 'Customize ', 'value': 'custom'}
'label': 'San Francisco', 'value': 'SF' }, ], value='MTL' # default value ), html.Label('Checkboxes'), dcc.Checklist( options=[ { 'label': 'New York City', 'value': 'NYC' }, { 'label': u'Montréal', 'value': 'MTL' }, { 'label': 'San Francisco', 'value': 'SF' }, ], value=['MTL', 'SF'] # default value ), # html.Label('Text Box'), dcc.Input(id='my-id', value='MTL', type='text'), html.Div(id='my-div'), # dcc.Graph(id='life-exp-vs-gdp', figure={
def __init__(self): self.search_heading = html.Div([ html.H3('Search Insider Transactions', style={ 'textAlign': 'center', 'fontSize': 20 }) ]) self.input_form = html.Div( [ html.Div( [ # input box html.Label('Ticker', className='control_label'), dcc.Input( id='input_ticker', value="AAPL", type='text', style={ 'width': 130, 'fontSize': 15 }, ) ], style=styles['input_form']), html.Div( [ # from date html.Label('From', className='control_label'), dcc.DatePickerSingle( id='date_from', date=datetime.today() - relativedelta(years=1), display_format='YYYY-MM-DD', ), ], style=styles['input_form']), html.Div( [ # to date html.Label('To'), dcc.DatePickerSingle( id='date_to', date=datetime.today(), display_format='YYYY-MM-DD', ) ], style=styles['input_form']) ], style=styles['search_criteria']) self.filter_insiders = html.Div([ html.P('Filter by insiders:'), dcc.RadioItems(id='insider_filter_radio', options=[{ 'label': 'All', 'value': 'all' }, { 'label': 'Customize', 'value': 'custom' }], value='all', style={'display': 'flex'}), dcc.Dropdown(id='insider_filter_dropdown', multi=True, style={'width': '95%'}) ], style={ 'display': 'block', 'paddingLeft': '20px' }) self.filter_transactions = html.Div([ html.P('Filter by transactions:'), html.Div([ dcc.Checklist(id='filter_market_trades_checkbox', options=[{ 'label': 'Open Market Transactions', 'value': 'filter' }], value=['filter'], style={'paddingRight': '15px'}), dcc.Checklist(id='filter_buys', options=[{ 'label': 'Buys', 'value': 'P' }], value=['P'], style={'paddingRight': '15px'}), dcc.Checklist(id='filter_sells', options=[{ 'label': 'Sells', 'value': 'S' }], value=['S'], style={'paddingRight': '15px'}) ], style={'display': 'flex'}) ], style={'paddingLeft': '20px'}) self.submit = html.Div([ html.Button('Submit', id='submit_button', style={ 'background': '#119dff8c', 'width': '90%', 'margin': 'auto' }), dcc.Interval('interval_componant', interval=1000, n_intervals=0) ]) self.details = html.Div( [ html.Div( [ html.Label('Units:'), dcc.RadioItems(id='volume_type_details_radio', options=[ { 'label': 'Shares', 'value': 'shares' }, { 'label': 'Notional', 'value': 'notional' }, ], value='shares', style={'display': 'flex'}) ], style={ 'display': 'flex', 'float': 'left', 'paddingTop': '10px', 'fontSize': '14px' }), # chart details # number of transactions found html.Div( [ html.Div([ html.H6(id='num_transactions', style=styles['details_label']), html.P('# Transactions', style=styles['paragraph']) ], style=styles['details']), # number of insiders found html.Div([ html.H6(id='num_insiders', style=styles['details_label']), html.P('# Insiders', style=styles['paragraph']) ], style=styles['details']), # total buy volume html.Div([ html.H6(id='total_buy_vol', style=styles['details_label']), html.P('Buy Volume', style=styles['paragraph']) ], style=styles['details']), # total sell volume html.Div([ html.H6(id='total_sell_vol', style=styles['details_label']), html.P('Sell Volume', style=styles['paragraph']) ], style=styles['details']) ], style={'display': 'inline-flex'}) ], style={ 'display': 'grid', 'position': 'absolute', 'bottom': '20px' }) self.filter_transactions_size = html.Div( [ # select units dcc.Dropdown(id='filter_transactions_unit', options=[{ 'label': 'Shares', 'value': 'shares' }, { 'label': 'Notional', 'value': 'amount' }, { 'label': 'Ownership %', 'value': 'ownership_percentage' }], placeholder='Units', style={ 'paddingLeft': '5px', 'width': '130px' }), # select operator dcc.Dropdown(id='filter_transactions_operator', options=[{ 'label': '>', 'value': '>' }, { 'label': '<', 'value': '<' }], placeholder='Op', style={ 'paddingLeft': '5px', 'width': '77px', 'paddingRight': '4px' }), # enter value dcc.Input(id='filter_transactions_value', placeholder='Value', style={ 'width': '80px', 'paddingLeft': '5px', 'height': '36px' }), # select value type dcc.Dropdown(id='filter_transactions_value_type', options=[{ 'label': 'Real', 'value': 'real' }, { 'label': 'ABS', 'value': 'absolute' }], placeholder='Type', style={ 'paddingLeft': '5px', 'width': '73px' }), html.Div([ html.Button('Filter', id='filter_button', style=styles['filter_button']) ]) ], style=styles['filter_transactions']) self.stored_data = html.Div([ html.Div(id='stored_transactions'), html.Div(id='stored_insider_stats'), html.Div(id='stored_volatility_stats'), html.Div(id='stored_performence_stats'), html.Div(id='stored_price_data'), html.Div(id='stored_spy_data'), html.Div(id='stored_vix_data'), ], style={'display': 'none'}) self.filtered_data = html.Div([ html.Div(id='filtered_transactions'), html.Div(id='filtered_insider_stats'), html.Div(id='filtered_volatility_stats'), html.Div(id='filtered_performence_stats') ], style={'display': 'none'})
} for s in VEHICLES], value=VEHICLES[0]), html.Hr(), html.Label('Subassies'), dcc.RadioItems(id='subassies-radioitems', options=[{ 'label': s, 'value': s } for s in SUBASSIES], value=SUBASSIES[0]), html.Hr(), html.Label('Element'), dcc.Checklist( id='element-checklist', # !!!!!!!!!!!!!1 options=[{ 'label': s, 'value': s } for s in SUBASSIES_STRUCTURE[SUBASSIES[0]].keys()], values=list(SUBASSIES_STRUCTURE[SUBASSIES[0]].keys())), html.Hr(), html.Label('Sensors'), dcc.Dropdown(id='sensors-dropdown', options=[{ 'label': s, 'value': s } for s in get_subassy_sensors(SUBASSIES[0])], value=[], multi=True), ], className='row'), html.Hr(),
import pickle df =pd.read_csv(‘https://gist.githubusercontent.com/jbrav/f281e0063418dd62ad63004671cf96ec/raw/bab2df8189cd39099eaf4ecceb82cbf37762dc99/coma.csv 3’) dataframe=json.loads(df.to_json()) print df app = dash.Dash() app.config.suppress_callback_exceptions=True available_funds = df[‘FUNDS’].unique() app.layout = html.Div([ html.Div([ html.Div([ html.H1(‘Evolucion rentabilidades’), dcc.Checklist( id=‘mychecklist’, options= [{‘label’: i, ‘value’: i} for i in available_funds]), dcc.Graph(id=‘mygraph1’) ]), html.Div([ html.H1(‘Evolucion 2’), dcc.Checklist( id=‘mychecklist2’, options=[{‘label’: i, ‘value’: i} for i in available_funds]), dcc.Graph(id=‘mygraph2’) ]), html.Div([ html.H1('Evolucion 3'), dcc.Checklist( id='mychecklist3',
#html.Table(generate_table(y, max_rows=10)) ### Sliders and Buttons slider_week = dcc.RangeSlider( id='sl_week', min=min_week, max=max_week, value=[max_week - 4, max_week], step=1, marks={ind: str(ind) for ind in range(min_week, max_week, 4)}) checklist_flagtypes = dcc.Checklist(id='cl_flagtypes', value=flagtypes, options=[{ 'label': t, 'value': t } for t in flagtypes]) radio_coronatopic = dcc.RadioItems(id='rd_coronatopic', value="yes", options=[{ 'label': 'yes', 'value': "yes" }, { 'label': 'no', 'value': "no" }]) @app.callback(Output(component_id='show_dates', component_property='children'),
'width': '49%', 'float': 'right', 'display': 'inline-block' }) ], style={ 'borderBottom': 'thin lightgrey solid', 'backgroundColor': 'rgb(250, 250, 250)', 'padding': '10px 5px' }), html.Div([ html.P("Markers Selection:"), dcc.Checklist( id='markers-tab1', options=[{ 'value': x, 'label': x } for x in markers_options], # value=markers_options[0], labelStyle={'display': 'inline-block'}), ]), # Bivariate choropleth matp html.Div([html.Iframe(id='map', width='100%', height='600')], style={ 'width': '98%', 'display': 'inline-block', 'padding': '0 20' }), # Div for small multiples of the chorpleths #TODO add here # Scatterplot and some other random graph
def layout(): return html.Div( id='speck-body', className='app-body', children=[ dcc.Loading(className='dashbio-loading', children=html.Div(id='speck-container', children=[ dash_bio.Speck(id='speck', view={ 'resolution': 600, 'zoom': 0.3 }, scrollZoom=True) ])), html.Div( id='speck-control-tabs', className='control-tabs', children=[ dcc.Tabs( id='speck-tabs', value='what-is', children=[ dcc.Tab( label='About', value='what-is', children=html.Div( className='control-tab', children=[ html.H4(className='what-is', children='What is Speck?'), html. P('Speck is a WebGL-based molecule renderer. By ' 'using ambient occlusion, the resolution of ' 'the rendering does not suffer as you zoom in.' ), html. P('You can toggle between molecules using the menu under the ' '"Data" tab, and control parameters related to ' 'the appearance of the molecule in the "View" tab. ' 'These parameters can be controlled at a low level ' 'with the sliders provided, or preset views can be ' 'applied for a higher-level demonstration of changing ' 'atom styles and rendering.') ])), dcc.Tab( label='Data', value='datasets', children=html.Div( className='control-tab', children=[ html.Div( className='app-controls-block', children=[ html.Div(className= 'app-controls-name', children='Preloaded'), dcc.Dropdown( id= 'speck-molecule-dropdown', className='speck-dropdown', options=[{ 'label': 'DNA', 'value': '{}dna.xyz'.format( DATAPATH) }, { 'label': 'Caffeine', 'value': '{}caffeine.xyz'. format(DATAPATH) }, { 'label': 'Methane', 'value': '{}methane.xyz'.format( DATAPATH) }, { 'label': 'Testosterone', 'value': '{}testosterone.xyz'. format(DATAPATH) }, { 'label': 'Gold nanoparticle', 'value': '{}au.xyz'.format( DATAPATH) }, { 'label': 'Thiolated gold nanoparticle', 'value': '{}au_thiol.xyz'. format(DATAPATH) }, { 'label': 'Benzene', 'value': '{}benzene.xyz'.format( DATAPATH) }, { 'label': 'Protein (4E0O)', 'value': '{}4E0O.xyz'.format( DATAPATH) }], value='{}dna.xyz'.format( DATAPATH)) ]), html.Div( id='speck-preloaded-uploaded-alert' ), dcc.Upload( id='speck-file-upload', className='control-upload', children=html.Div([ "Drag and drop .xyz files, or click \ to select files." ])), html.A(html.Button( 'Download sample .xyz data', id='speck-file-download', className='control-download'), href=os.path.join( 'assets', 'sample_data', 'speck_4QCI.xyz'), download='4QCI.xyz') ])), dcc.Tab( label='View', value='view-options', children=html.Div( className='control-tab', children=[ dcc.Checklist( id='speck-enable-presets', options=[{ 'label': 'Use presets', 'value': 'True' }], values=[]), html.Hr(), html.Div(id='speck-controls-detailed', children=default_sliders), html.Div( id='speck-controls-preset', className='speck-controls', children=[ html.Div( className= 'app-controls-block', children=[ html.Div( className= 'app-controls-name', children= 'Rendering style'), dcc.Dropdown( id= 'speck-preset-rendering-dropdown', className= 'speck-dropdown', options=[ { 'label': 'Default/reset', 'value': 'default' }, { 'label': 'Toon', 'value': 'toon' }, ], value='default') ]), html.Div( className= 'app-controls-block', children=[ html.Div( className= 'app-controls-name', children= 'Atom style'), dcc.Dropdown( id= 'speck-preset-atom-style-dropdown', className= 'speck-dropdown', options=[{ 'label': 'Ball-and-stick', 'value': 'stickball' }, { 'label': 'Licorice', 'value': 'licorice' }], value='default') ]) ]) ])), ]) ]), dcc.Store(id='speck-store-preset-rendering', data=None), dcc.Store(id='speck-store-preset-atom-style', data=None), ])
className='app-controls-name' ), dcc.Slider( id='speck-outline', className='control-slider', max=1, step=0.01, value=0.0, updatemode='drag' ), ]), #html.Hr(), dcc.Checklist( id='speck-show-hide-bonds', options=[ {'label': 'Show bonds', 'value': 'True'} ], value=[] ), html.Div(className='app-controls-block', children=[ html.Div( 'Bond scale', className='app-controls-name' ), dcc.Slider( id='speck-bond-scale', className='control-slider', max=1, step=0.01, value=0.5, updatemode='drag'