margin = 0.15
# Set up the app
app = dash.Dash(__name__)
server = app.server
app.layout = html.Div([
html.Div([
html.H1('Value Investing'),
# First let users choose stocks
html.H2('Choose a stock ticker'),
dcc.Dropdown(
id='my-dropdown',
options=save_sp500_stocks_info()+save_self_stocks_info(),
value='coke'
),
html.H2('5 years stocks price graph'),
dcc.Graph(id='my-graph'),
html.P('')
],style={'width': '40%', 'display': 'inline-block'}),
html.Div([
html.H2('Critical Variables and Ratios'),
html.Table(id='my-table'),
html.P(''),
html.H2('Warning Flags'),
html.Table(id='reason-list'),
html.P('')
], style={'width': '55%', 'float': 'right', 'display': 'inline-block'}),
[
html.H1('Value Investing'),
# html.Div([
# dcc.Markdown(children=markdown_text)
# ]),
# First let users choose stocks
html.P('1) Choose a stock or lists of them (to be developed)'),
dcc.Dropdown(
id='my-dropdown',
# options=[
# {'label': 'Coke', 'value': 'COKE'},
# {'label': 'Tesla', 'value': 'TSLA'},
# {'label': 'Apple', 'value': 'AAPL'}
# ],
options=save_sp500_stocks_info() + save_russell_info() +
save_self_stocks_info(),
value='coke'),
html.P('2) See the 5 year trends of your stocks'),
dcc.Graph(id='my-graph'),
html.P('')
],
style={
'width': '40%',
'display': 'inline-block'
}),
html.Div([
html.
P('3) Received data scraped from the stocks financial reporting (balancesheet, incomestatement)'
),
html.Table(id='my-table'),
html.P(''),