"color": "white",
},
),
className="two columns",
style={"float": "right"},
),
],
className="row",
style={"marginBottom": "10"},
),
# indicators row div
html.Div(
[
indicator(
"#00cc96", "Converted Leads", "left_leads_indicator"
),
indicator(
"#119DFF", "Open Leads", "middle_leads_indicator"
),
indicator(
"#EF553B",
"Conversion Rates",
"right_leads_indicator",
),
],
className="row",
),
# charts row div
html.Div(
intrinsic_value = payoff[50] + premium_paid
sT = np.arange(spot - 50, spot + 50, 1)
return sT.tolist(), payoff.tolist(), intrinsic_value
layout = [
html.Div(
Graph('Payoff', 'payoff'),
className="row",
style={"marginTop": "5px"},
),
html.Div(
indicator(
"#00cc96",
"Intrinsic Value",
"intrinsic_value",
),
className="row",
style={"marginTop": "5px"},
)
]
# payoff graph callback
@app.callback(
Output("payoff", "figure"),
[Input("options_df", "children")],
)
def payoff_graph_callback(df):
df = pd.read_json(df, orient="split")
className="button button--primary add",
),
className="two columns",
style={"float": "right"},
),
],
className="row",
style={},
),
# indicators div
html.Div(
[
indicator(
"#00cc96",
"Low priority cases",
"left_cases_indicator",
),
indicator(
"#119DFF",
"Medium priority cases",
"middle_cases_indicator",
),
indicator(
"#EF553B",
"High priority cases",
"right_cases_indicator",
),
],
className="row",
),
},
],
value="all",
clearable=False,
),
className="two columns",
),
],
className="row",
style={"marginBottom": "10"},
),
# indicators row div
html.Div(
[
indicator("#00cc96", "Unique States Count",
"left_leads_indicator"),
indicator("#119DFF", "Connected DashCam Count",
"middle_leads_indicator"),
indicator(
"#EF553B",
"Recording Dates Count",
"right_leads_indicator",
),
],
className="row",
),
# charts row div
html.Div(
[
html.Div([
return html.Table([html.Tr([html.Th(col) for col in df_review.columns])] + [
html.Tr([html.Td(df_review.iloc[i][col]) for col in df_review.columns])
for i in range(len(df_review))
])
layout = [
html.Div(
id="Review_grid",
children=[
#tM标题
html.Div(
id="Review_indicators",
className="subtitle",
children=[
indicator("#00cc96", "Topic Cluster",
"left_opportunities_indicator"),
],
),
#词云
html.Div(
id="Word_Cloud_container",
className="chart_div pretty_container",
children=[
html.Div(
[
html.H4("Positive Word Cloud"),
html.Img(src=app.get_asset_url("Positive.png"),
style={
"width": '100%',
"Height": '40%'
}),
# indicators row div
html.Div(
[
html.Div([
html.Div([
html.H3(
"Metricas Explotacion",
style={
"margin-bottom": "10px",
"margin-top": "10px"
},
),
html.Div(
[
indicator("#00cc96", "Potencia Generada (kW)",
"metric_1"),
indicator("#119DFF", "Potencia Consumida (kW)",
"metric_2"),
indicator(
"#EF553B",
"Frecuencia (HZ)",
"metric_3",
),
],
className="row",
),
html.Div(
[
indicator("#00cc96", "Caudal Instantaneo (m3/min)",
"metric_4"),
indicator("#00cc96",
className="two columns",
style={'textAlign': 'center'}),
],
className="row",
style={
"marginBottom": "20px",
"marginTop": "20px",
'textAlign': 'center'
}),
# indicators div
html.Div(
[
indicator(
"#00cc96",
"N. di Exchange",
"left_cases_indicator",
),
indicator(
"#119DFF",
"Return of Investments",
"middle_cases_indicator",
),
indicator(
"#EF553B",
"Euro investiti",
"right_cases_indicator",
),
],
className="row",
),
marker={"colors": ["#264e86", "#0074e4", "#74dbef", "#eff0f4"]},
)
return {"data": [trace], "layout": layout}
layout = [
html.Div(
[html.Br()],
className="row",
style={"marginBottom": "5"},
),
# indicators div
html.Div(
[
indicator("#00cc96", "Normal", '20'),
indicator(
"#119DFF",
"Fair",
'12',
),
indicator(
"#EF553B",
"High priority cases",
'13',
),
],
className="row",
),
html.Div(
[
id="new_opportunity",
n_clicks=0,
className="button button--primary add",
),
className="two columns",
style={"float": "right"},
),
],
className="row",
style={"marginBottom": "10", "marginTop": "15px", "marginBottom": "15px"},
),
# style={"marginTop": "5px", "marginBottom": "5px"}
# indicators row
html.Div(
[
indicator("#00cc96", "Sample Count", "left_opportunities_indicator"),
indicator(
"#119DFF", "Phising Sample", "middle_opportunities_indicator"
),
indicator("#EF553B", "White Label", "right_opportunities_indicator"),
],
className="row",
style={"marginTop": "10px", "marginBottom": "10px"},
),
# charts row div
html.Div(
[
html.Div(
[
html.P("Clusters 3M Comparisson"),
dcc.Graph(
delta, gamma, vega, theta, rho, lambdaa, epsilon, vanna, charm,
volga, DvegaDtime, veta, color, ultima, speed, zomma
])
else:
return pd.Series([
-delta, -gamma, -vega, -theta, -rho, -lambdaa, -epsilon, -vanna,
-charm, -volga, -DvegaDtime, -veta, -color, -ultima, -speed, -zomma
])
layout = [
html.Div(
[
indicator(
"#00cc96",
"Delta",
"delta_indicator",
), #first line indicators: delta, gamma, vega
indicator(
"#119DFF",
"Gamma",
"gamma_indicator",
),
indicator(
"#EF553B",
"Vega",
"vega_indicator",
),
],
className="row",
),
files = [os.path.basename(file) for file in files_path]
files_dict = [
{"label": file, "value": file} for file in files
]
print('analyze>>>>', files_dict)
return files_dict
layout = [
html.Div([
########################### Indicators I ##################################
html.Div(
[
indicator(
"#119DFF", "Type of Problem", "problem_type_analyze_indicator"
),
indicator(
"#119DFF", "Filename", "filename_analyze_indicator"
),
html.Div(
[
html.P(
'Uploaded files',
className="twelve columns indicator_text"
),
dcc.Dropdown(
id="files_uploaded_analyze_dropdown",
options=list_files_market(),
value="",
clearable=False,
# "color": "white",
# },
# ),
# className="two columns",
# style={"float": "right"},
# ),
],
className="row",
style={"marginBottom": "10"},
),
# indicators row div
html.Div(
[
indicator(
"#00cc96", "Cantidad de CPE", "left_relac_indicator"
),
indicator(
"#119DFF", "Monto total CPE", "middle_relac_indicator"
),
indicator(
"#EF553B",
"Mes CPE",
"right_relac_indicator",
),
],
className="row",
),
## Chatbot
html.Div(
[
# {
# 'data': {'source': '4', 'target': '5'},
# 'classes': 'countries'
# },
# {
# 'data': {'source': '4', 'target': '5'},
# 'classes': 'countries'
# },
# {
# 'data': {'source': '4', 'target': '5'},
# 'classes': 'countries'
# },
]),
indicator(
"#EF553B",
"Retest Rates",
"a_indicator",
),
indicator(
"#EF553B",
"PASS Rates",
"b_indicator",
),
indicator(
"#EF553B",
"FAIL Rates",
"c_indicator",
),
]),
# html.Div([
},
config=dict(displayModeBar=False),
),
],
id='etapas_vs_estado',
className="twelve columns chart_div"),
],
id='prueba',
className="row",
style={"marginTop": "5px"}),
# indicators div
html.Div(
[
indicator(
"#00cc96",
"Más Cotizado",
"prod_mas_cotizado",
),
indicator(
"#119DFF",
"Más Negocio",
"prod_mas_negocio",
),
indicator(
"#EF553B",
"Más Vendido",
"prod_mas_vendido",
),
],
className="row",
),
'Drag and Drop or ',
html.A('Select Files - Max 1Mb')
]),
style={
'width': '100%', 'height': '100%', 'lineHeight': '80px',
'borderWidth': '2px', 'borderStyle': 'dashed',
'borderRadius': '5px', 'textAlign': 'center', 'margin': '0px'
},
# max_size=1000e3, # 100kb
multiple=True,
),
],
className='four columns indicator'
),
indicator(
"#119DFF", "Filename", "filename_indicator"
),
html.Div(
[
html.P(
'Uploaded files',
className="twelve columns indicator_text"
),
dcc.Dropdown(
id="files_uploaded_dropdown",
options=list_files_market(),
value="",
clearable=False,
searchable=False,
# className='indicator_value'
),
],
className='row',
style={'padding': '30'})
],
className='four columns'),
],
className="row",
style={"marginBottom": "5"},
),
# indicators div
html.Div(
[
indicator(
"#00cc96",
"Total Filas",
"left_cases_indicator",
),
indicator(
"#119DFF",
"Total Personas",
"middle_cases_indicator",
),
indicator(
"#EF553B",
"Promedio Filas Persona",
"right_cases_indicator",
),
],
className="row",
),
import dash_table as dt
import pandas as pd
import plotly.plotly as py
from plotly import graph_objs as go
from solarboard import get_queue
from app import app, indicator, indicator_graph, report_table, dash_tabel, color_state
white = i1 = i2 = i3 = "#ffffff"
layout = html.Div([
html.Div([
indicator(
i1,
"Status of today's Master",
"master-state",
),
indicator(
i2,
"Waiting / Failed / Total",
"feeds",
),
indicator_graph(
i3,
"Failed Requests",
"failed-feeds",
),
],
className="row"),
html.Div(className="row",
labels=['a', 'b', 'c', 'd', 'e', 'f'],
values=[2, 3, 5, 7, 10, 8
],
marker={
"colors":
["#264e86", "#0074e4", "#74dbef", "#eff0f4"]
},
)
],
layout=dict(margin=dict(l=0, r=0, t=0, b=65),
legend=dict(orientation="h")))),
],
className="four columns chart_div"),
indicator(
"#EF553B",
"Retest Rates",
"d_indicator",
),
indicator(
"#EF553B",
"PASS Rates",
"e_indicator",
),
indicator(
"#EF553B",
"FAIL Rates",
"f_indicator",
),
])
])
]
],
value="D",
clearable=True,
),
),
html.Span(
"See Ranking",
id="new_opportunity",
n_clicks=0,
className="button pretty_container",
),
html.Div(
id="opportunity_indicators",
className="row indicators",
children=[
indicator("#00cc96", "Total Attempted",
"left_opportunities_indicator"),
indicator(
"#119DFF",
"Left problems",
"middle_opportunities_indicator",
),
indicator("#00cc96", "Suceesful",
"left_opportunities_indicator"),
indicator("#00cc96", "After Editorial",
"left_opportunities_indicator"),
indicator("#00cc96", "Before Editorial",
"left_opportunities_indicator"),
],
),
html.Div(
id="converted_count_container",
"Add new",
id="new_opportunity",
n_clicks=0,
className="button button--primary add",
),
className="two columns",
style={"float": "right"},
),
],
className="row",
style={"marginBottom": "10"},
),
# indicators row
html.Div(
[
indicator("#00cc96", "Won opportunities", "left_opportunities_indicator"),
indicator(
"#119DFF", "Open opportunities", "middle_opportunities_indicator"
),
indicator("#EF553B", "Lost opportunities", "right_opportunities_indicator"),
],
className="row",
),
# charts row div
html.Div(
[
html.Div(
[
html.P("Converted Opportunities count"),
dcc.Graph(
id="converted_count",
layout = [
html.Div(
id="lead_grid",
children=[
dcc.DatePickerRange(id="date-picker-select",
start_date=dt(2020, 3, 1),
end_date=dt.today(),
min_date_allowed=dt(2020, 1, 1),
max_date_allowed=dt.today(),
initial_visible_month=dt.today(),
style={'padding-left': 9}),
html.Div(
className="row indicators",
children=[
indicator("#119DFF", "People", "peopleText_Cal"),
indicator("#EF553B", "Mean rate of Positive Reviews",
"rateText_Cal"),
],
),
#这个位置放aspect统计
html.Div(
id="leads_per_state",
className="chart_div pretty_container",
children=[
html.P("Positive Aspect"),
dcc.Dropdown( # 下拉框可能需要用在显示aspect的部分
# well_type_options 在这个选择里填写aspect list全部显示，且不允许删除
# 不允许删除似乎不可以用
id="aspect_good",
multi=True,
"value": "services"
},
{
"label": "Other",
"value": "other"
},
],
value="all_s",
clearable=False,
),
),
html.Div(
id="overview_indicators",
className="row indicators",
children=[
indicator("#00cc96", "Forecasted Revenue this Month",
"left_finance_indicator"),
indicator(
"#119DFF",
"Net Income this Month",
"middle_finance_indicator",
),
indicator("#EF553B", "New Customer this Month",
"right_overview_indicator"),
],
),
html.Div(
id="actual_vs_budget_container",
className="row chart_div pretty_container",
children=[
html.P("Actual vs Forecast"),
dcc.Graph(
],
className="row",
style={},
),
# indicators div
html.Div(
id="b_id",
key="",
style={"display": "none"},
),
html.Div(
[
indicator(
"#00cc96",
"Category",
"category",
),
indicator(
"#119DFF",
"Stars",
"star",
),
indicator(
"#EF553B",
"Number of reviews",
"review",
)
],
className="row",
),
vertical_center = {
"margin": 0,
"position": "absolute",
"top": "50%",
"-ms-transform": "translateY(-50%)",
"transform": "translateY(-50%)"
}
layout = [
#indicators row
html.Div(
[
indicator(
"#00cc96",
"Total Faces",
"live_faces_count",
get_live_count(),
),
indicator_alt("#119DFF", "Male", "live_male_count",
get_male_count()),
indicator("#EF553B", "Female", "live_female_count",
get_female_count()),
indicator_alt("#00cc96", "Dwell time", "live_activity",
get_live_count()),
indicator("#119DFF", "Engagement Range", "live_engagement",
get_engagement()),
indicator_alt("#00cc96", "Frequent Age Group", "live_age_group",
get_agegroup()),
],
className="row",
style={
