"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={