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",