id="left-column", children=[ drc.Card( id="first-card", children=[ drc.NamedDropdown( name="Select Dataset", id="dropdown-select-dataset", options=[ { "label": "Moons", "value": "moons" }, { "label": "Linearly Separable", "value": "linear", }, { "label": "Circles", "value": "circles", }, ], clearable=False, searchable=False, value="moons", ), drc.NamedSlider( name="Sample Size", id="slider-dataset-sample-size", min=100, max=500,
placeholder='Select File...', disabled=True), html.Button('Browse') ]), style={ 'width': '100%', 'height': '60px', 'textAlign': 'center', 'margin': '20px' }, ), html.Div(id='output-data-upload'), drc.NamedDropdown( name="Target Variable", id="input-target-variable", placeholder="Choose target variable...", style={ 'width': '100%', } ), drc.NamedSlider( name="Test Size", id="slider-dataset-test-size", min=0.1, max=0.5, step=0.1, marks={ str(i): str(i) for i in [0.1, 0.2, 0.3, 0.4, 0.5] }, value=0.2, ),
style={ 'min-width': '24.5%', 'max-height': 'calc(100vh - 85px)', 'overflow-y': 'auto', 'overflow-x': 'hidden', }, children=[ drc.Card([ drc.NamedDropdown( name='Select Dataset', id='dropdown-select-dataset', options=[{ 'label': 'Moons', 'value': 'moons' }, { 'label': 'Linearly Separable', 'value': 'linear' }, { 'label': 'Circles', 'value': 'circles' }], clearable=False, searchable=False, value='moons'), drc.NamedSlider( name='Sample Size', id='slider-dataset-sample-size', min=100, max=500, step=100, marks={ i: i
drc.NamedDropdown( name="Select Model", id="dropdown-select-model", options=[ { "label": "Support Vector Machine", "value": "SVM", }, { "label": "Logistic Regression", "value": "LogReg", }, { "label": "Linear Discriminant Analysis", "value": "LDA", }, { "label": "Quadratic Discriminant Analysis", "value": "QDA", }, { "label": "Multilayer Perceptron", "value": "MLP", }, { "label": "Decision Tree", "value": "DTree", }, { "label": "Random Forest", "value": "RForest", }, { "label": "AdaBoost", "value": "ABoost", }, { "label": "XGBoost", "value": "XGBoost", }, { "label": "k Nearest Neighbors", "value": "kNN", }, ], clearable=False, searchable=True, value="SVM", ),
style={ 'min-width': '24.5%', 'max-height': 'calc(100vh - 85px)', 'overflow-y': 'auto', 'overflow-x': 'hidden', }, children=[ drc.Card([ drc.NamedDropdown( name='Select Data', id='dropdown-select-data', options=[ { 'label': 'Random', 'value': 'rand' }, { 'label': 'ZoneA', 'value': 'zonea' }, ], clearable=False, searchable=False, value='zonea'), drc.NamedDropdown( name='Select Model', id='dropdown-select-model', options=[ { 'label': 'Spherical', 'value': 'spherical' },
def build_banner(): return html.Div( id="banner", className="banner", children=[ html.Div(children=[ html.Div( id="banner-text", children=[ html.H5("Monitoring CoVID-19 Vaccine campaign"), # html.H6("Vaccine efficacy and herd immunity predictor"), # html.H2('CovIntel', style={'font-family' : "'Raleway', sans-serif", 'font-weight' : '900', 'margin-bottom' : '0'}) ], style={ 'width': '50%', 'display': 'inline-block' }), html.Div( id="banner-logo", children=[ html.Button(id="learn-more-button", children="LEARN MORE", n_clicks=0, style={'display': 'none'}), # html.Img(id="logo", src=""), # html.Img(src='data:image/png;base64,{}'.format(logo_base64), style={'margin-bottom' : '0.5rem'}), html.H2('CovIntel', style={ 'font-family': "'Raleway', sans-serif", 'font-weight': '900', 'margin-bottom': '0' }) ], style={ 'width': '50%', 'display': 'inline-block', 'text-align': 'right' }) ]), html.Div( id="banner-select-location", # className="twelve columns", children=[ # generate_section_banner(), # html.Div( # className='section-banner', # children="Select a State, District & Vaccine", # style={'text-align': 'center'} # ), html.Hr(style={ 'margin-top': '0.2rem', 'margin-bottom': '0.5rem' }), # Choose State html.Div(drc.NamedDropdown( name="Select State", id="dropdown-select-state", options=[{ "label": state_map[i]["state"], "value": i } for i in state_list], clearable=False, searchable=True, value="AP", ), style={ 'width': '40%', 'display': 'inline-block' }), html.Div( drc.NamedDropdown( name="Select District", id="dropdown-select-district", # options=[{"label": state_map[i]["state"], "value": i} for i in state_list], options=[{ "label": i, "value": i } for i in state_districts_data['states'][0] ['districts']], clearable=False, searchable=True, value="Chittoor", ), style={ 'width': '30%', 'display': 'inline-block' }), html.Div( drc.NamedDropdown( name="Select Vaccine", id="dropdown-select-vaccine", # options=[{"label": state_map[i]["state"], "value": i} for i in state_list], options=[{ "label": i, "value": i } for i in vaccine_list], clearable=False, searchable=True, value="Chittoor", ), style={ 'width': '30%', 'display': 'inline-block' }) ], style={ 'width': '100%', 'display': 'inline-block' }), ], style={ 'width': '100%', 'display': 'inline-block' })
}) ]), ]), html.Div( className='three columns', children=[ drc.Card([ drc.NamedDropdown( name='Select Electrode: ', id='dropdown-select-eType', options=[ { 'label': 'epineural', 'value': 'epineural' }, { 'label': 'penetrating', 'value': 'penetrating' }, ], value='epineural', clearable=False, searchable=False, ), drc.NamedDropdown( name='Select Subject: ', id='dropdown-select-subject', options=[], clearable=False, searchable=False, # value='moons'
drc.Card([ drc.NamedDropdown( name='Select Dataset', id='dropdown-select-dataset', options=[{ 'label': 'Moons', 'value': 'moons' }, { 'label': 'Circles', 'value': 'circles' }, { 'label': 'Anisotropicly distributed data', 'value': 'anistropicly' }, { 'label': 'Data with varied variances', 'value': 'variance' }, { 'label': 'Pathbased', 'value': 'pathbased' }, { 'label': 'Aggregation', 'value': 'aggregation' }, { 'label': 'Flame', 'value': 'flame' }], clearable=False, searchable=False, value='moons'), html.Div(
children=[ html.Div( id="app-container", # className="row", children=[ html.Div( # className="three columns", id="left-column", children=[ drc.Card( id="first-card", children=[ drc.NamedDropdown( name="Select feature", id="dropdown-select-col1", options=cols_opts, clearable=False, searchable=False, value="canal", ), drc.NamedDropdown( name="Select feature", id="dropdown-select-col2", options=cols_opts, clearable=False, searchable=False, value="satisfaccion_inicial", ) ], ), drc.Card( id="button-card",