import dash_bootstrap_components as dbc
app = dash.Dash(__name__,
plugins=[dl.plugins.pages],
external_stylesheets=[dbc.themes.BOOTSTRAP])
dash.register_page("home", layout="We're home!", path="/")
navbar = dbc.NavbarSimple(
dbc.DropdownMenu(
[
dbc.DropdownMenuItem(page["name"], href=page["path"])
for page in dash.page_registry.values()
if page["module"] != "pages.not_found_404"
],
nav=True,
label="More Pages",
),
brand="Multi Page App Plugin Demo",
color="primary",
dark=True,
className="mb-2",
)
app.layout = dbc.Container(
[
navbar,
dl.plugins.page_container,
],
className="dbc",
fluid=True,
import dash_daq as daq
from dash.dependencies import Input, Output, State
import dash_table
import dash_bootstrap_components as dbc
app = dash.Dash(__name__,
external_stylesheets=[dbc.themes.FLATLY],
meta_tags=[{
"name": "viewport",
"content": "width=device-width, initial-scale=1.0"
}])
app.config['suppress_callback_exceptions'] = True
navbar = dbc.NavbarSimple(children=[],
brand="Beetle",
color="primary",
dark=True)
icon_name = ['static/facebook.png', 'static/twitter.png', 'static/insta.png']
url_list = [
'https://www.facebook.com/i80846dx2/', 'https://twitter.com/i80486dx23419',
'https://www.instagram.com/takuya3419/'
]
my_img = dbc.CardColumns([
dbc.Card([
dbc.CardImg(src="/static/face.png", top=True),
dbc.CardBody([
html.H5("Beetle", className="card-title"),
dbc.Button("Contact", color="primary", id="collapse-button"),
dbc.Collapse([
country_rawdata.drop(['People_Tested', 'People_Hospitalized'], axis=1, inplace=True)
confirmed_rawdata.drop('Province/State', axis=1, inplace=True)
death_rawdata.drop('Province/State', axis=1, inplace=True)
recovered_rawdata.drop('Province/State', axis=1, inplace=True)
app = dash.Dash(external_stylesheets=[dbc.themes.COSMO])
main_heading = dbc.Container([html.H1(["Coronavirus Pandemic Data Visualization"], className="my-3 text-center")])
navigationbar = dbc.NavbarSimple(
children=[
dbc.NavItem(html.A("Confirmed/Recovered/Deaths", href='#confirmed', style={'color': 'white'}), className="mr-5"),
dbc.NavItem(html.A("World Map", href="#worldmap", style={'color': 'white'}), className="mr-5"),
dbc.NavItem(html.A("Mortality & Recovery Rate", href="#mortality", style={'color': 'white'}), className="mr-5")
], brand="Covid-19 Data Visualízation", color='dark', dark=True, className='fixed-top p-4')
#####################################################################################################
Total_Cases = dbc.Container(
dbc.Row(
[
dbc.Col(children=[html.H4('Total Confirmed'),
html.Div(country_rawdata['Confirmed'].sum(),
style={'font-size': '24px', 'color': 'brown'})],
className='text-center border-right p-2',
),
dbc.Col(children=[html.H4('Total Recovered', style={'padding-top': '0px'}),
html.Div(country_rawdata['Recovered'].sum(),
style={'font-size': '24px', 'color': 'green'})],
className='mt-3 py-2 pb-1 text-center')
# Initialize the app
app = dash.Dash(__name__, external_stylesheets=[dbc.themes.JOURNAL])
#Define the app
app.layout = html.Div([
dbc.NavbarSimple(
children=[
dbc.NavItem(dbc.NavLink("Main Dashboard", href="app.py")),
dbc.DropdownMenu(
children=[
#dbc.DropdownMenuItem("Projections", header=False),
dbc.DropdownMenuItem("Projections", href="app2.py"),
],
nav=True,
in_navbar=True,
label="More",
),
],
brand="COVID-19 Pandemic Dashboard",
brand_href="app.py",
color="black",
dark=True,
),
dbc.Card([
dbc.CardBody([
dbc.Container([
html.H1(children='Remotely monitoring the COVID-19 pandemic',
className='mt-5 py-4 pb-3 text-center'),
html.
P("Dashboard contributors: Bianca A. Hernandez, Ningning Du, Neil Hsu, Youngjung Choi",
color (string, optional): Sets the color of the NavbarSimple. Main options are primary, light and dark, default light. You can also choose one of the other contextual classes provided by Bootstrap (secondary, success, warning, danger, info, white) or any valid CSS color of your choice (e.g. a hex code, a decimal code or a CSS color name)
dark (boolean, optional): Applies the `navbar-dark` class to the NavbarSimple, causing text in the children of the Navbar to use light colors for contrast / visibility.
light (boolean, optional): Applies the `navbar-light` class to the NavbarSimple, causing text in the children of the Navbar to use dark colors for contrast / visibility.
sticky (string, optional): Stick the navbar to the top or the bottom of the viewport, options: top, bottom. With `sticky`, the navbar remains in the viewport when you scroll. By contrast, with `fixed`, the navbar will remain at the top or bottom of the page.
"""
navbar = dbc.NavbarSimple(brand='PredictDebt',
brand_href='/',
children=[
dbc.NavItem(
dcc.Link('Predictions',
href='/predictions',
className='nav-link')),
dbc.NavItem(
dcc.Link('Insights',
href='/insights',
className='nav-link')),
dbc.NavItem(
dcc.Link('Process',
href='/process',
className='nav-link')),
],
sticky='top',
color='primary',
light=False,
dark=True)
footer = dbc.Container(
dbc.Row(
dbc.Col(
html.P([
html.Span('Luc Guittard', className='mr-2'),
dbc.DropdownMenuItem('Experience', id='experience')
]
colors = {
'first_background': '#000000',
'second_background': '#212121',
'text_color': '#FFFFFF',
}
app.layout = html.Div(children=[
html.Div(children=[
dbc.NavbarSimple(
children=[
dbc.DropdownMenu(
categories, label='Categories', color='secondary')
],
brand='Developer Profile',
color='dark',
dark='True',
),
]),
html.Div(id='content')
])
@app.callback(Output('content', 'children'), [
Input('developer_roles', 'n_clicks'),
Input('education', 'n_clicks'),
Input('experience', 'n_clicks')
])
def update_content(*args):
def decompress_pickle(file):
data = bz2.BZ2File(file, 'rb')
data = cPickle.load(data)
return data
model = decompress_pickle('/model/model_2.pbz2')
tfidf = joblib.load('/model/tfidf.joblib')
navbar = dbc.NavbarSimple(
children=[
dbc.NavItem(
dbc.NavLink("Home", href="/main"))
],
brand="U.S. Census Bureau E-mail NLP Dash",
brand_href="#",
color="primary",
dark=True,
)
row_1 = html.Div(
[
dbc.Row(
[
dbc.Col(
dbc.Container([html.H3("Subject Line")])),
dbc.Col(
dbc.Container([html.H3("Email Body")])),
]
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output
# Imports from this application
from app import app, server
from pages import index, process, insights # predictions, insights, process, pagename
# Navbar docs: https://dash-bootstrap-components.opensource.faculty.ai/l/components/navbar
navbar = dbc.NavbarSimple(
brand='Look! Up in the sky! It\'s a bird! It\'s a plane! It\'s... Wait - what is it?',
brand_href='/',
children=[
#dbc.NavItem(dcc.Link('Predictions', href='/predictions', className='nav-link')),
dbc.NavItem(dcc.Link('Insights', href='/insights', className='nav-link')),
dbc.NavItem(dcc.Link('Process', href='/process', className='nav-link')),
#dbc.NavItem(dcc.Link('Page Name', href='/pagename', className='nav-link'))
],
sticky='top',
color='dark',
light=False, # text
dark=True
)
# Footer docs:
# dbc.Container, dbc.Row, dbc.Col: https://dash-bootstrap-components.opensource.faculty.ai/l/components/layout
# html.P: https://dash.plot.ly/dash-html-components
# fa (font awesome) : https://fontawesome.com/icons/github-square?style=brands
# mr (margin right) : https://getbootstrap.com/docs/4.3/utilities/spacing/
# className='lead' : https://getbootstrap.com/docs/4.3/content/typography/#lead
footer = dbc.Container(
dbc.Row(
import dash
import dash_labs as dl
import dash_bootstrap_components as dbc
app = dash.Dash(
__name__,
plugins=[dl.plugins.pages],
external_stylesheets=[dbc.themes.BOOTSTRAP],
)
navbar = dbc.NavbarSimple(
dbc.Nav([
dbc.NavLink(page["name"], href=page["path"])
for page in dash.page_registry.values() if page.get("top_nav")
], ),
brand="Multi Page App Demo",
color="primary",
dark=True,
className="mb-2",
)
app.layout = dbc.Container(
[navbar, dl.plugins.page_container],
fluid=True,
)
if __name__ == "__main__":
app.run_server(debug=True)
graphs = [
{"label": "Bar Graph", "value": "1"},
{"label": "Line Graph", "value": "2"},
{"label": "Pie Graph", "value": "3"},
{"label": "Scatter Graph", "value": "4"},
{"label": "Box Graph", "value": "5"},
{"label": "Histogram Graph", "value": "6"}]
# Header bar
navbar = dbc.NavbarSimple(
brand="Interactive ML Platform",
brand_style={'font-size':'20px'},
color="success",
dark=True, style={
'width': '100%',
'height': '7rem',
'text-size':'15px',
'verticalAlign': 'middle'
}
)
interpreter = html.Iframe(src="https://repl.it/repls/PurpleHeavyRuntimes?lite=true",
style={'width': "100%",
'height': "1000",
'frameborder': "0",
'marginwidth': "0",
'marginheight': "0", 'allowfullscreen': 'true'},
id='interpreter',
height=500),
#
], id="tab3-content")
navbar = dbc.NavbarSimple(
children=[
dbc.NavItem(dbc.NavLink("Overview", href="#")),
dbc.NavItem(dbc.NavLink("Banking", href="#")),
dbc.NavItem(dbc.NavLink("Investing", href="#")),
dbc.NavItem(dbc.NavLink("Insights", href="#")),
dbc.DropdownMenu(
children=[
dbc.DropdownMenuItem("Settings", href="#"),
dbc.DropdownMenuItem("Help", href="#"),
dbc.DropdownMenuItem("Metrics", href="#"),
dbc.DropdownMenuItem("Tools", href="#"),
dbc.DropdownMenuItem("Log Out", href="#"),
],
nav=True,
in_navbar=True,
label="Hi, User1423",
),
dbc.Button(
["", dbc.Badge("+5", color="light", className="ml-1")],
color="primary",
),
],
brand="Personal Finance and Budgeting Tool",
brand_href="#",
color="primary",
fluid=True,
)
tab_card = dbc.Card(
navbar_layout = dbc.NavbarSimple(
children=[
dbc.NavItem(
dbc.NavLink(
[html.I(className="fa fa-github"), "View Source Code"],
href="https://github.com/taherromdhane/inpainting-images",
target="_blank")),
dbc.NavItem(
dbc.NavLink(
[html.I(className="fa fa-file"), "View Report"],
href=
"https://docs.google.com/gview?url=https://github.com/taherromdhane/inpainting-images/raw/master/project_report.pdf",
target="_blank")),
dbc.NavItem(
dbc.NavLink(
[html.I(className="fa fa-file"), "View Docs"],
href="https://taherromdhane.github.io/inpainting-images/",
target="_blank")),
dbc.DropdownMenu(
children=[
dbc.DropdownMenuItem("More Links", header=True),
dbc.DropdownMenuItem("Github",
href="https://github.com/taherromdhane"),
dbc.DropdownMenuItem(
"LinkedIn",
href="https://www.linkedin.com/in/taher-romdhane/"),
],
nav=True,
in_navbar=True,
label="More",
),
],
style={
'fontWeight': 'bold',
'height': '50px',
'paddingRight': '3rem',
'paddingLeft': '3rem',
},
brand="The Inpainter",
brand_href="#",
color="black",
fluid=True,
sticky='top',
dark=True,
)
from dash.dependencies import Input, Output
# Imports from this application
from app import app, server
from pages import index, predictions, insights, process, data
# Navbar docs: https://dash-bootstrap-components.opensource.faculty.ai/l/components/navbar
navbar = dbc.NavbarSimple(
brand='Join the Resistance!',
brand_href='/',
children=[
dbc.NavItem(
dcc.Link('Predictions', href='/predictions',
className='nav-link')),
dbc.NavItem(dcc.Link('Process', href='/process',
className='nav-link')),
dbc.NavItem(
dcc.Link('Insights', href='/insights', className='nav-link')),
dbc.NavItem(dcc.Link('Sample Data', href='/data',
className='nav-link')),
],
sticky='top',
color='light',
light=True,
dark=False)
# Footer docs:
# dbc.Container, dbc.Row, dbc.Col: https://dash-bootstrap-components.opensource.faculty.ai/l/components/layout
# html.P: https://dash.plot.ly/dash-html-components
# fa (font awesome) : https://fontawesome.com/icons/github-square?style=brands
# mr (margin right) : https://getbootstrap.com/docs/4.3/utilities/spacing/
# className='lead' : https://getbootstrap.com/docs/4.3/content/typography/#lead
from dash import dcc, html, Input, Output
import dash_bootstrap_components as dbc
from multi_page_app.apps.app1 import app1
from multi_page_app.apps.app2 import app2
from multi_page_app.apps.app3 import app3
from multi_page_app.app import app
navbar = dbc.NavbarSimple(
children=[
dbc.NavItem(dbc.NavLink("Page 1", href="/app1/"), id="page-1-link"),
dbc.NavItem(dbc.NavLink("Page 2", href="/app2/"), id="page-2-link"),
dbc.NavItem(dbc.NavLink("Page 3", href="/app3/"), id="page-3-link")
],
brand="Multi page app example",
brand_href="/",
color="primary",
dark=True,
)
app.layout = html.Div([
dcc.Location(id='url', refresh=False),
navbar,
html.Div(id='page-content')
])
index_layout = html.Div([
html.P('Hello')
])
# navbar
app = dash.Dash(external_stylesheets=[dbc.themes.BOOTSTRAP])
navbar = dbc.NavbarSimple(
children=[
#dbc.NavItem(html.A("The Covid Info Store", href="/static/covidinfo.html", style={'color': '#fff'}), className="mr-5"),
dbc.NavItem(html.A("World Data",
href="#world_overall_data",
style={'color': '#fff'}),
className="mr-5"),
dbc.NavItem(html.A("Daily Data",
href="#nav-daily-graph",
style={'color': '#fff'}),
className="mr-5"),
dbc.NavItem(html.A("Most Affected",
href="#nav-top-country-graph",
style={'color': '#fff'}),
className="mr-5"),
dbc.NavItem(html.A("Comparison",
href="#nav-cr-link",
style={'color': '#fff'}),
className="mr-5"),
],
brand="COVID-19",
brand_href="/",
color="#001011",
dark=False,
className="p-3 fixed-top")
# main heading
main_heading = dbc.Container([
options=[{
"label": theme,
"value": theme
} for theme in THEMES],
value=selected)
]
navbar = dbc.NavbarSimple(
children=[
# dbc.NavItem(dbc.NavLink("Link", href="#")),
# dbc.DropdownMenu(
# nav=True,
# in_navbar=True,
# id='select-themes',
# label="Theme",
# children=render_themes(),
# ),
],
brand="San Joaquin Dashboard",
brand_href="#",
sticky="top",
)
transform_radio = dbc.FormGroup(
[
dbc.Label("Transform", html_for="radio-transform", width=2),
dbc.RadioItems(
id="radio-transform",
options=[
{
from app import app, server
from pages import index, features, predictions, insights, process
# Navbar docs: https://dash-bootstrap-components.opensource.faculty.ai/l/components/navbar
navbar = dbc.NavbarSimple(brand="""Our Supreme Justices""",
brand_href='/',
children=[
dbc.NavItem(
dcc.Link('Features',
href='/features',
className='nav-link')),
dbc.NavItem(
dcc.Link('Predictions',
href='/predictions',
className='nav-link')),
dbc.NavItem(
dcc.Link('Insights',
href='/insights',
className='nav-link')),
dbc.NavItem(
dcc.Link('Process',
href='/process',
className='nav-link')),
],
sticky='top',
color='dark',
light=False,
dark=True)
# Footer docs:
# dbc.Container, dbc.Row, dbc.Col: https://dash-bootstrap-components.opensource.faculty.ai/l/components/layout
# html.P: https://dash.plot.ly/dash-html-components
# Imports from this application
from app import app, server
from pages import index, predictions, insights, process
# Navbar docs: https://dash-bootstrap-components.opensource.faculty.ai/l/components/navbar
navbar = dbc.NavbarSimple(brand='S&P 500 - Month Ahead Direction',
brand_href='/',
children=[
dbc.NavItem(
dcc.Link('Predictions',
href='/predictions',
className='nav-link')),
dbc.NavItem(
dcc.Link('Insights',
href='/insights',
className='nav-link')),
dbc.NavItem(
dcc.Link('Process',
href='/process',
className='nav-link')),
],
sticky='top',
color='light',
light=True,
dark=False)
# Footer docs:
# dbc.Container, dbc.Row, dbc.Col: https://dash-bootstrap-components.opensource.faculty.ai/l/components/layout
# html.P: https://dash.plot.ly/dash-html-components
# fa (font awesome) : https://fontawesome.com/icons/github-square?style=brands
# mr (margin right) : https://getbootstrap.com/docs/4.3/utilities/spacing/
periods += list(range(min_date.year, max_date.year))
periods += ['This year', 'This month', 'This week']
periods.reverse()
week_start = today - datetime.timedelta(days=7)
month_start = today - datetime.timedelta(days=today.day - 1)
navbar = dbc.NavbarSimple(
children=[
dcc.Dropdown(id='year-input',
options=[{
'label': str(i),
'value': str(i)
} for i in periods],
value='This week',
clearable=False,
style={
'bgcolor': '#f8f9fa',
'bordercolor': '#f8f9fa'
})
],
brand="Last Dash",
brand_href="#",
sticky="top",
)
app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
app.layout = html.Div(
className='text-center',
children=[
navbar,
from dash.exceptions import PreventUpdate
df = pd.DataFrame()
# Header bar
navbar = dbc.NavbarSimple(brand="Interactive ML Platform",
color="success",
brand_style={'font-size': '20px'},
children=[
dcc.Link(dbc.Button(
"Exploratory Data Analysis (EDA)",
id="eda_btn",
className="mb-3",
outline=True,
color="dark",
style={
'width': '100%',
'font-size': '10px'
}),
href="/eda")
],
dark=True,
style={
'width': '100%',
'height': '7rem',
'verticalAlign': 'middle'
})
# Breakline
breakline = html.Br()
upload_dataset_tooltip = html.Div([
import dash_core_components as dcc
import dash_html_components as html
import plotly.express as px
import pandas as pd
import dash_bootstrap_components as dbc
from dash.dependencies import Input, Output
from layouts import antenne, emetteur, station, support
from callbacks.antenne import *
pages = ["Antenne", "Emetteur", "Station", "Support"]
navbar = dbc.NavbarSimple(
children=[
dbc.NavItem(dbc.NavLink(i, href="/" + i.lower())) for i in pages
],
brand="ANFR - Dataviz",
brand_href="#",
color="primary",
dark=True,
)
app.layout = html.Div([
dcc.Location(id='url', refresh=False), navbar,
html.Div(id='page-content')
])
@app.callback(Output('page-content', 'children'), Input('url', 'pathname'))
def display_page(pathname):
if pathname == '/antenne':
return antenne.layout
color (string, optional): Sets the color of the NavbarSimple. Main options are primary, light and dark, default light. You can also choose one of the other contextual classes provided by Bootstrap (secondary, success, warning, danger, info, white) or any valid CSS color of your choice (e.g. a hex code, a decimal code or a CSS color name)
dark (boolean, optional): Applies the `navbar-dark` class to the NavbarSimple, causing text in the children of the Navbar to use light colors for contrast / visibility.
light (boolean, optional): Applies the `navbar-light` class to the NavbarSimple, causing text in the children of the Navbar to use dark colors for contrast / visibility.
sticky (string, optional): Stick the navbar to the top or the bottom of the viewport, options: top, bottom. With `sticky`, the navbar remains in the viewport when you scroll. By contrast, with `fixed`, the navbar will remain at the top or bottom of the page.
"""
navbar = dbc.NavbarSimple(brand='INTRO',
brand_href='/',
children=[
dbc.NavItem(
dcc.Link('Predictions',
href='/predictions',
className='nav-link')),
dbc.NavItem(
dcc.Link('Methodology',
href='/process',
className='nav-link')),
dbc.NavItem(
dcc.Link('Data Gathering',
href='/gathering',
className='nav-link')),
],
sticky='top',
color='primary',
light=True,
dark=False)
footer = dbc.Container(
dbc.Row(
dbc.Col(
html.P([
html.Span('Rob Hamilton', className='mr-2'),
["FechaReporte", "Region"], as_index=False)["Importados"].agg("sum")
dengueRegionesInv = casosDengueInvertido.groupby(
["FechaReporte", "Region"], as_index=False)["Total en Inv"].agg("sum")
dengueRegionesNotif = casosDengueInvertido.groupby(
["FechaReporte", "Region"],
as_index=False)["Total notificados para dengue"].agg("sum")
dengueRegionesFall = casosDengueInvertido.groupby(
["FechaReporte", "Region"], as_index=False)["AcumFallecidos"].agg("sum")
app.layout = html.Div([
dbc.NavbarSimple(
children=[
# dbc.NavItem(dbc.NavLink("Inicio", href="#")),
# dbc.NavItem(dbc.NavLink("Sudamérica", href="#")),
# dbc.NavItem(dbc.NavLink("Argentina", href="#")),
# dbc.NavItem(dbc.NavLink("Entre Ríos", href="#")),
],
brand="Dengue GIBD",
brand_href="http://www.frcu.utn.edu.ar/gibd",
color="#000B3B",
dark=True,
),
dbc.Jumbotron([
dbc.Row(
[
html.A(
html.Img(
src=app.get_asset_url("Logo(Banner).png"),
style={
"width": "90px",
"padding": "10px"
},
row_deletable = row_deletable,
style_table={'padding-left':'10px','width': '97%'},
style_cell = {'text-align':'center'}
)
return trade_table
navbar = dbc.NavbarSimple(
children=[
dbc.NavItem(dbc.NavLink("Page 1", href="#")),
dbc.DropdownMenu(
children=[
dbc.DropdownMenuItem("More pages", header=True),
dbc.DropdownMenuItem("Page 2", href="#"),
dbc.DropdownMenuItem("Page 3", href="#"),
],
nav=True,
in_navbar=True,
label="More",
),
],
brand="Freedom",
brand_href="#",
color="dark",
dark=True,
)
# Left pane for writing algo
algo_input = html.Div(dbc.FormGroup([dbc.InputGroup([dbc.InputGroupAddon(dcc.Dropdown(id='select_algo', options=algo_list_options, style={"min-width":'200px','height':'10px','font-size':'0.9em'}, value='default', clearable=False),addon_type="prepend"), dbc.Input(id="algo-name",placeholder="Filename",value="default"),dbc.InputGroupAddon(dbc.Button("Save", id="algo-save",color="secondary"), addon_type="append")],size="sm"),
# dbc.Textarea(className="mb-3", style={'height':'500px'}, id='algo', value=""),
dash_editor_components.PythonEditor(id='algo', value='')
]), style={'max-width':'700px'})
brand (string, optional): Brand text, to go top left of the navbar.
brand_href (string, optional): Link to attach to brand.
children (a list of or a singular dash component, string or number, optional): The children of this component
color (string, optional): Sets the color of the NavbarSimple. Main options are primary, light and dark, default light. You can also choose one of the other contextual classes provided by Bootstrap (secondary, success, warning, danger, info, white) or any valid CSS color of your choice (e.g. a hex code, a decimal code or a CSS color name)
dark (boolean, optional): Applies the `navbar-dark` class to the NavbarSimple, causing text in the children of the Navbar to use light colors for contrast / visibility.
light (boolean, optional): Applies the `navbar-light` class to the NavbarSimple, causing text in the children of the Navbar to use dark colors for contrast / visibility.
sticky (string, optional): Stick the navbar to the top or the bottom of the viewport, options: top, bottom. With `sticky`, the navbar remains in the viewport when you scroll. By contrast, with `fixed`, the navbar will remain at the top or bottom of the page.
"""
navbar = dbc.NavbarSimple(
brand='Census by County',
brand_href='/',
children=[
dbc.NavItem(dcc.Link('Predictions', href='/predictions', className='nav-link')),
dbc.NavItem(dcc.Link('Insights', href='/insights', className='nav-link')),
dbc.NavItem(dcc.Link('Process', href='/process', className='nav-link')),
dbc.NavItem(dcc.Link('More', href='/document', className='nav-link')),
],
sticky='top',
color='light',
light=True,
dark=False
)
footer = dbc.Container(
dbc.Row(
dbc.Col(
html.P(
[
html.Span('', className='mr-2'),
html.A(html.I(className='fas fa-envelope-square mr-1'), href='mailto:[email protected]'),
html.A(html.I(className='fab fa-github-square mr-1'), href='https://github.com/LilySu/Census'),
import dash_bootstrap_components as dbc
navbar = dbc.NavbarSimple(
children=[
dbc.NavItem(dbc.NavLink('Home', href='/dash/')),
dbc.DropdownMenu(
children=[
dbc.DropdownMenuItem("Pages", header=True),
dbc.DropdownMenuItem("Page 1", href="/dash/page1"),
dbc.DropdownMenuItem("Page 2", href="/dash/page2"),
dbc.DropdownMenuItem(divider=True),
dbc.DropdownMenuItem("Logout", href='/dash/logout')
],
nav=True,
in_navbar=True,
label="Profile",
),
],
brand="Login Page Template",
brand_href="/dash/",
color="#337ab7",
dark=True,
)
displaylogo= False,
showLink = False,
modeBarButtonsToRemove = [
'sendDataToCloud',
'zoomIn2d',
'zoomOut2d',
'hoverClosestCartesian',
'hoverCompareCartesian',
'hoverClosest3d',
'hoverClosestGeo',
'resetScale2d']
)
app.layout = dbc.Container(
[
dbc.NavbarSimple(brand=title, color="primary", dark=True),
html.Div(dbc.Alert("Historical model projections for a given country or region (currently only supports IHME projections)", color="primary", id='alert')),
html.Hr(),
dbc.Row(
[
dbc.Col(controls, md=3),
dbc.Col(dcc.Graph(id="primary-graph", config=plotly_config), md=9),
],
align="center",
),
html.Hr(),
dbc.Row(id='stat-cards'),
html.Hr(),
dbc.Navbar(
[
new_navbar = dbc.Navbar(
[
# html.A(
# # Use row and col to control vertical alignment of logo / brand
# dbc.Row(
# [
# dbc.Col(html.Img(src="filename.png", height="30px")),
# dbc.Col(dbc.NavbarBrand("Navbar", className="ml-2")),
# ],
# align="center",
# no_gutters=True,
# ),
# href="https://plot.ly",
# ),
dbc.NavbarBrand("Covid India Tracker", className="ml-2"),
dbc.Collapse(email_bar, id="navbar-collapse", navbar=True)
],
color="dark",
dark=True,
)
navbar = dbc.NavbarSimple(
# children=[
# dbc.NavItem(dbc.NavLink("Covid India Tracker", href="#"))
# ],
brand="Covid India Tracker",
brand_href="#",
color="dark",
dark=True,
)
return dcc.Graph(
id='shows-heatmap',
figure=fig
)
navbar = dbc.NavbarSimple(
children=[
dbc.NavItem(dbc.NavLink("Link", href="#")),
dbc.DropdownMenu(
nav=True,
in_navbar=True,
label="Menu",
children=[
dbc.DropdownMenuItem("Entry 1"),
dbc.DropdownMenuItem("Entry 2"),
dbc.DropdownMenuItem(divider=True),
dbc.DropdownMenuItem("Entry 3"),
],
),
],
brand="graplist.fm",
brand_href="#",
sticky="top",
)
body = dbc.Container(
[
dbc.Row(
[
dbc.Col(
import dash_html_components as html
from dash.dependencies import Input, Output
# Imports from this application
from app import app, server
from pages import index, predictions, insights, process
# Navbar docs: https://dash-bootstrap-components.opensource.faculty.ai/l/components/navbar
navbar = dbc.NavbarSimple(
brand='Students Seeking Help for Anxiety or Depression',
brand_href='/',
children=[
dbc.NavItem(
dcc.Link('Predictions', href='/predictions',
className='nav-link')),
dbc.NavItem(
dcc.Link('Insights', href='/insights', className='nav-link')),
dbc.NavItem(dcc.Link('Process', href='/process',
className='nav-link')),
],
sticky='top',
color='dark',
light=False,
dark=True)
# Footer docs:
# dbc.Container, dbc.Row, dbc.Col: https://dash-bootstrap-components.opensource.faculty.ai/l/components/layout
# html.P: https://dash.plot.ly/dash-html-components
# fa (font awesome) : https://fontawesome.com/icons/github-square?style=brands
# mr (margin right) : https://getbootstrap.com/docs/4.3/utilities/spacing/
# className='lead' : https://getbootstrap.com/docs/4.3/content/typography/#lead
footer = dbc.Container(
