emmanuel.mollard-marius.hurbin_Etudes-sur-l-évolution-du-nombres-de-crimes-en-France-depuis-1996

EMMH_Etudes_evolution_des_crimes_en_France_depuis_1996/.gitignore

@@ -0,0 +1 @@
+data/

EMMH_Etudes_evolution_des_crimes_en_France_depuis_1996/chart/assets/style.css

@@ -0,0 +1,16 @@
+html { background-color: papayawhip; }
+body {
+    min-height: 100vh;
+    max-width: 1600px;
+    background-color: papayawhip;
+    margin: 0 auto;
+    margin-top: 10px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    color: #222222;
+}
+
+.checkbox {
+  column-count: 2;
+}

EMMH_Etudes_evolution_des_crimes_en_France_depuis_1996/chart/chart.py

@@ -0,0 +1,136 @@
+import sys
+import dash
+import flask
+from dash import dcc
+from dash import html
+import pandas as pd
+import numpy as np
+import plotly.graph_objs as go
+import plotly.express as px
+import dateutil as du
+
+from urllib.request import urlopen
+import json
+
+import sys, os
+sys.path.append(os.path.join(os.path.dirname(__file__), '..'))
+import get_data
+
+class Chart():
+
+    def __init__(self, application = None):
+        # download data if needed
+        get_data.main()
+        self.ts_df = pd.read_pickle('data/ts_db.pkl')
+        self.all_france = self.ts_df[(self.ts_df['Département'] == 'France_Entière')]
+
+        self.main_layout = html.Div(children=[
+            html.H3(children='Graphiques sur l\'évolution du nombre de crimes en France.'),
+            html.A(children='lien vers la carte (première partie)', href='/EMMH_map'),
+            html.Div(
+                [
+                    dcc.Graph(id='chart-heatmap'),
+                    dcc.Graph(id='chart-evolution'),
+                ],
+                style={
+                    'display':'flex',
+                    'flexDirection':'row',
+                    'justifyContent':'flex-start',
+                }
+            ),
+
+            html.Div([
+                html.Div([ html.Div('Sélectionner catégorie'),
+                    dcc.Checklist(
+                        id='chart-items-crimes',
+                        options=[{'label': self.ts_df.columns[i], 'value': i }
+                            for i in range(len(self.ts_df.columns) - 1)],
+                        value=[0, 1, 2, 3],
+                        inline=False),],
+                    style={'margin':"0px 0px 0px 40px"}),
+                html.Div([ html.Div('Échelle en y'),
+                           dcc.RadioItems(
+                               id='chart-xaxis-type',
+                               options=[{'label': i, 'value': i != 'Linéaire'} for i in ['Linéaire', 'Logarithmique']],
+                               value=True,
+                               labelStyle={'display':'block'},
+                           )
+                         ], style={'width': '15em', 'margin':"0px 0px 0px 40px"} ), # bas D haut G
+                html.Div(style={'width':'2em'}),
+                ], style={
+                            'padding': '10px 50px', 
+                            'display':'flex',
+                            'flexDirection':'row',
+                            'justifyContent':'flex-start',
+                        }),
+                html.Br(),
+                dcc.Markdown("""
+                Le graphique est interactif. En passant la souris sur les courbes vous avez une infobulle.  
+                En sélectionnant les différentes catégories, vous pouvez choisir
+                celles corréllées et affichées sur les graphiques.  
+
+                #### À propos
+
+                Cette base de donnée est mise à jour mensuellement, aussi nous avons fait attention à ce que notre site tienne compte de nouvels ajouts de données.
+
+                * Sources : 
+                   * [data.gouv.fr](https://www.data.gouv.fr/datasets/chiffres-departementaux-mensuels-relatifs-aux-crimes-et-delits-enregistres-par-les-services-de-police-et-de-gendarmerie-depuis-janvier-1996/)
+                   chiffres departementaux mensuels relatifs aux crimes et delits enregistres par les services de police et de gendarmerie depuis janvier 1996
+                * (c) 2022 Olivier Ricou
+                """)
+        ], style={
+            'backgroundColor': 'white',
+             'padding': '10px 50px 10px 50px',
+             }
+        )
+
+        if application:
+            self.app = application
+            # application should have its own layout and use self.main_layout as a page or in a component
+        else:
+            self.app = dash.Dash(__name__)
+            self.app.layout = self.main_layout
+
+        self.app.callback(
+                dash.dependencies.Output('chart-heatmap', 'figure'),
+                dash.dependencies.Input('chart-items-crimes', 'value'),
+                )(self.update_heatmap)
+
+        self.app.callback(
+                dash.dependencies.Output('chart-evolution', 'figure'),
+                dash.dependencies.Input('chart-items-crimes', 'value'),
+                dash.dependencies.Input('chart-xaxis-type', 'value'),
+                )(self.update_evolution)
+
+    def update_heatmap(self, items):
+        df = self.all_france[self.ts_df.columns[items]]
+        corr = df.sort_index().corr(method='pearson')
+        fig = px.imshow(
+                corr,
+                zmin = -1,
+                zmax = 1,
+                title = "Mise en corrélation des différents crimes",
+        )
+        fig.update_yaxes(matches=None, visible=False)
+        fig.update_xaxes(matches=None, visible=False)
+
+        return fig
+
+    def update_evolution(self, items, xaxis_type):
+        df = self.all_france[self.ts_df.columns[items]]
+        if xaxis_type:
+            df = np.log(df+1)
+
+        fig = px.line(
+                df,
+                title="Evolution au cours du temps",
+        )
+
+        fig.update(layout_showlegend=False)
+
+        return fig
+
+
+if __name__ == '__main__':
+    chart = Chart()
+    chart.app.run_server(debug=True, port=8051)

EMMH_Etudes_evolution_des_crimes_en_France_depuis_1996/get_data.py

@@ -0,0 +1,53 @@
+import pandas as pd
+import re
+import pathlib
+import requests
+
+def read_excel_sheets(xls_path):
+    """Read all sheets of an Excel workbook and return a single DataFrame"""
+    print(f'Loading {xls_path} into pandas')
+    xl = pd.ExcelFile(xls_path)
+    df = list()
+    for idx, name in enumerate(xl.sheet_names):
+        # print(f'Reading sheet #{idx}: {name}')
+
+        sheet = xl.parse(name,
+                         index_col=[0],
+                         skiprows=[96, 97, 99, 100],
+                         usecols=lambda x : x != 'Index').T
+        sheet.index = sheet.index.map(lambda x: pd.to_datetime(x + '_1', format="_%Y_%m_%d"))
+        sheet['Département'] = name
+
+        df.append(sheet)
+    return pd.concat(df)
+
+def main():
+    data_dir = pathlib.Path('data')
+    if not data_dir.is_dir():
+        data_dir.mkdir()
+
+    url = "https://www.data.gouv.fr/api/1/datasets/chiffres-departementaux-mensuels-relatifs-aux-crimes-et-delits-enregistres-par-les-services-de-police-et-de-gendarmerie-depuis-janvier-1996/"
+    crimes_resources = requests.get(url).json()
+
+    prog = re.compile(".*\.xlsx")
+    filenames = {
+                    d['title']:d['url']
+                    for d in crimes_resources['resources']
+                    if prog.match(d['title'])
+                }
+
+
+    dfs = {}
+    for k, v in filenames.items():
+        name_db = f'{v[-7:-5]}_db'
+        if pathlib.Path(f'data/{name_db}.pkl').is_file():
+            dfs[name_db] = pd.read_pickle(f'data/{name_db}.pkl')
+        else:
+            if not pathlib.Path('data/' + k).is_file():
+                with open('data/' + k, 'wb') as file:
+                    file.write(requests.get(v).content)
+            dfs[name_db] = read_excel_sheets('data/' + k)
+            dfs[name_db].to_pickle(f'data/{name_db}.pkl')
+
+if __name__ == "__main__":
+    main()

EMMH_Etudes_evolution_des_crimes_en_France_depuis_1996/map/assets/style.css

@@ -0,0 +1,16 @@
+html { background-color: papayawhip; }
+body {
+    min-height: 100vh;
+    max-width: 1600px;
+    background-color: papayawhip;
+    margin: 0 auto;
+    margin-top: 10px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    color: #222222;
+}
+
+.checkbox {
+  column-count: 2;
+}