html.H3("Exporter les données"), html.Br(), dbc.Button("Export", id="export") ]), className="pretty_container", ), dbc.Jumbotron( "Explications sur les graphiques et leur fonctionnement..." ), ]), dbc.Col( [ cards, build_figure_container( title= "Répartition des émissions par type de déplacement", id="donut-by-prestation", footer="Explications..", ), ], width=9, ), ]), dbc.Row([ dbc.Col( [ build_figure_container( title="Évolution temporelles des émissions", id="timeseries-chorus-dt", footer="Explications..", ) ],
dbc.CardBody([ html.H3("Exporter les données"), html.Br(), dbc.Button("Export", id="export") ]), className="pretty_container", ), dbc.Jumbotron( "Explications sur les graphiques et leur fonctionnement..." ), ]), dbc.Col( [ cards, build_figure_container(title="Répartition par direction", id="donut-by-entity", footer="Explications.."), ], width=9, ), ]) ], id="div-data-odrive", ) @app.callback(Output("donut-by-entity", "figure"), [Input("dashboard-selected-entity", "children")]) def update_donut_by_prestation(selected_entity): service = oc.get_entity_by_id(selected_entity) return get_donut_by_entity_type(service.code_odrive)
}) return fig layout = html.Div([ dbc.Row( dbc.Col( build_table_container(title="Toutes les données osfi", id="osfi-all-data-table", footer="Explications..."), width=12, )), dbc.Row( dbc.Col( build_figure_container(title="Emission electricité par batiment", id="emission-electricity-pie", footer="Explications..."), width=12, )), dbc.Row( dbc.Col( build_figure_container(title="Emission gaz par batiment", id="emission-gas-pie", footer="Explications..."), width=12, )), ]) @app.callback( [
), ] ), className="pretty_container", ), ] ), dbc.Col( [ cards, dbc.Row( [ dbc.Col( [ build_figure_container( title="Répartition des émissions par type de déplacement", id="donut-by-prestation", ) ] ), dbc.Col( [ build_figure_container( title="Évolution temporelles des émissions", id="timeseries-chorus-dt", ) ] ), ] ), ], width=9, ),
"Selectionner le type de motorisation du véhicule" ), get_dropdown_list_vehicle_motor(), ]), ]), className="pretty_container", ), ]), dbc.Col( [ cards, dbc.Row([ dbc.Col( [ build_figure_container( title="Répartition des émissions par site", id="odrive_donut_by_entity") ], width=6, ), dbc.Col( [ build_figure_container( title="Répartition des km parcourus", id="odrive_historgram_by_entity") ], width=6, ), ]), dbc.Row([ dbc.Col(
return fig layout = html.Div([ dbc.Row( dbc.Col( build_table_container(title="Liste de biens", id="osfi-all-data-table", footer="Explications..."), width=12, style={"textAlign": "left"}, )), dbc.Row( dbc.Col( build_figure_container(title="Emission electricité par batiment", id="emission-electricity-pie", footer="Explications..."), width=12, )), dbc.Row( dbc.Col( build_figure_container(title="Emission gaz par batiment", id="emission-gas-pie", footer="Explications..."), width=12, )), dbc.Row( dbc.Col( build_figure_container( title="Évolution temporelles des émissions (électricité)", id="electricity_time_series",
"Selectionner le type de motorisation du véhicule" ), get_dropdown_list_vehicle_motor(), ]), ]), className="pretty_container", ), ]), dbc.Col( [ cards, dbc.Row([ dbc.Col( [ build_figure_container( title= "Répartition des émissions par direction", id="donut-by-entity") ], width=6, ), dbc.Col( [ build_figure_container( title= "Répartition des km parcours par direction", id="histogram-by-entity") ], width=6, ), ]), dbc.Row([
), dbc.Col( filters, width=9, ), ]), # Building tables and location map dbc.Row([ dbc.Col( build_table_container(title="Liste de biens", id="osfi-all-data-table"), width=6, style={"textAlign": "left"}, ), dbc.Col( build_figure_container(title="Carte des biens", id="osfi-building-location"), width=6, style={"textAlign": "left"}, ), ]), # Emission pies dbc.Row( dbc.Col( build_figure_container( title="Répartition des émissions énergétique par bâtiment", id="osfi-repartition-emission-pies", footer= "Vous pouvez accéder aux différentes valeurs de consommation / émission en passant la souris sur les camemberts. La taille de chaque camembert est proportionnelle à la somme des émissions liées au titre du cambembert.", ), width=12, ), ),