date=date(2018, 1, 1),
className='ml-5'
),
dcc.DatePickerSingle(
id='my-date-picker-end',
date=date(2021, 4, 4),
className='mb-2 ml-2'
),
])
], color="info"),
], width=8),
],className='mb-2 mt-2'),
dbc.Row([
dbc.Col([
dbc.Card([
dbc.CardHeader(Lottie(options=options, width="67%", height="67%", url=url_coonections)),
dbc.CardBody([
html.H6('Connections'),
html.H2(id='content-connections', children="000")
], style={'textAlign':'center'})
]),
], width=2),
dbc.Col([
dbc.Card([
dbc.CardHeader(Lottie(options=options, width="32%", height="32%", url=url_companies)),
dbc.CardBody([
html.H6('Companies'),
html.H2(id='content-companies', children="000")
], style={'textAlign':'center'})
]),
], width=2),
className='ml-5 mb-2'
),
])
]),
], width=8),
],className='mb-2 mt-2'),
#row 2.1
dbc.Row([
dbc.Col([
dbc.Card([
dbc.CardHeader(Lottie(options=options, width="100%", height="120%", url=url_companies)),
dbc.CardBody([
html.H6(id="Companies",children=df['symbol'][0]),
html.H2(id="content-companies", children=df['openPrice'][0])
], style={'textAlign': 'center'}),
])
], width=2),
dbc.Col([
dbc.Card([
dbc.CardHeader(Lottie(options=options, width="40%", height="15%", url=url_connections)),
dbc.CardBody([
html.H6(id="Connections",children=df['symbol'][1]),
dbc.Row([
dbc.Col([
dbc.Card(
[
dbc.CardBody([
html.H4(["Confirmed"],
className="text-center"),
html.
H5(id='covidconfirmed',
className="card-subtitle mt-2 text-center"),
html.H5(
id='covidtotalconfirmed',
className="card-text mt-2 text-center"),
html.H6(
Lottie(options=options,
width="50%",
height="80%",
url=covid_confirm)),
]),
],
id='covid-confirmed',
)
],
lg=3,
md=3,
sm=6,
className='mb-3'),
dbc.Col([
dbc.Card(
[
dbc.CardBody([
html.H4(["Active"], className="text-center"),
date=date(2021, 4, 4),
className='mb-2 ml-2'),
])
],
color="info",
style={'height': '18vh'}),
],
width=8),
],
className='mb-2 mt-2'),
dbc.Row([
dbc.Col([
dbc.Card([
dbc.CardHeader(
Lottie(options=options,
width="67%",
height="67%",
url=url_coonections)),
dbc.CardBody([
html.H6('Connections'),
html.H2(id='content-connections', children="000")
],
style={'textAlign': 'center'})
]),
],
width=2),
dbc.Col([
dbc.Card([
dbc.CardHeader(
Lottie(options=options,
width="32%",
height="32%",
options = dict(loop=True,
autoplay=True,
rendererSettings=dict(preservesAspectRatio='xMidYMid slice'))
app = Dash(__name__, external_stylesheets=[dbc.themes.SOLAR])
server = app.server
app.layout = dbc.Container(
[
#row 1
dbc.Row([
dbc.Col([
dbc.Card([
dbc.CardHeader(
Lottie(options=options,
width="50%",
height="120%",
url=url_logo))
],
className='mb-2'),
],
width=2),
dbc.Col([
dbc.Card([
dbc.CardBody([
dcc.DatePickerSingle(id='my-date-picker-start',
date=datetime.date(2018, 1, 1),
className='ml-5'),
dcc.DatePickerSingle(id='my-date-picker-end',
date=datetime.date.today(),
className='mb-2 ml-2'),
dcc.Input(id="stock_name",