Update app.py

app.py

@@ -198,6 +198,14 @@ styleToggle = {
     "marginTop":"25px",
     "textAlign": "right",
 }
+datadefault = [
+    {"value": "K2105", "label": "K2105"},
+    {"value": "L1101", "label": "L1101"},
+    {"value": "L1202", "label": "L1202"},
+    {"value": "L1507", "label": "L1507"},
+    {"value": "L1508", "label": "L1508"},
+    {"value": "L1509", "label": "L1509"},
+]
 app = Dash(server=server, external_stylesheets=dmc.styles.ALL)
 
 app.layout = dmc.MantineProvider(
@@ -214,14 +222,7 @@ app.layout = dmc.MantineProvider(
                                         placeholder="Select vos Codes ROME parmi la liste",
                                         id="framework-multi-select",
                                         value=['K2105', 'L1101', 'L1202', 'L1507', 'L1508', 'L1509'],
-                                        data=[
-                                            {"value": "K2105", "label": "K2105"},
-                                            {"value": "L1101", "label": "L1101"},
-                                            {"value": "L1202", "label": "L1202"},
-                                            {"value": "L1507", "label": "L1507"},
-                                            {"value": "L1508", "label": "L1508"},
-                                            {"value": "L1509", "label": "L1509"},
-                                        ],
+                                        data=datadefault,
                                         w=600,
                                         mb=10,
                                         styles={
@@ -233,22 +234,46 @@ app.layout = dmc.MantineProvider(
                                 dmc.GridCol(html.Div(dmc.Title(f"Le marché et les statistiques de l'emploi", order=1, size="30", my="20", style=styleTitle)), span=5),
                                 dmc.GridCol(html.Div(theme_toggle, style=styleToggle), span=1),
                                 dmc.GridCol(html.Div(
-                                    dcc.Graph(id="figRepartition",selectedData={'points': [{'hovertext': ['01','02','03','04','05','06','07','08','09','10','11','12','13','14','15','16','17','18','19','2A','2B','21','22','23','24','25','26','27','28','29','30','31','32','33','34','35','36','37','38','39','40','41','42','43','44','45','46','47','48','49','50','51','52','53','54','55','56','57','58','59','60','61','62','63','64','65','66','67','68','69','70','71','72','73','74','75','76','77','78','79','80','81','82','83','84','85','86','87','88','89','90','91','92','93','94','95','971','972','973','974']}]}),
+                                    dcc.Loading(
+                                        id="loadingRepartition",
+                                        children=(dcc.Graph(id="figRepartition",selectedData={'points': [{'hovertext': ['01','02','03','04','05','06','07','08','09','10','11','12','13','14','15','16','17','18','19','2A','2B','21','22','23','24','25','26','27','28','29','30','31','32','33','34','35','36','37','38','39','40','41','42','43','44','45','46','47','48','49','50','51','52','53','54','55','56','57','58','59','60','61','62','63','64','65','66','67','68','69','70','71','72','73','74','75','76','77','78','79','80','81','82','83','84','85','86','87','88','89','90','91','92','93','94','95','971','972','973','974']}]})),
+                                        type="default",
+                                    )
                                 ), span=6),
                                 dmc.GridCol(html.Div(
-                                    dcc.Graph(id="figEmplois"),
+                                    dcc.Loading(
+                                        id="loadingEmplois",
+                                        children=(dcc.Graph(id="figEmplois")),
+                                        type="default",
+                                        )
                                 ), span=6),
                                 dmc.GridCol(html.Div(
-                                    dcc.Graph(id="figContrats"),
+                                    dcc.Loading(
+                                        id="loadingContrats",
+                                        children=(dcc.Graph(id="figContrats")),
+                                        type="default",
+                                    )
                                 ), span=6),
                                 dmc.GridCol(html.Div(
-                                    dcc.Graph(id="figExperiences"),
+                                    dcc.Loading(
+                                        id="loadingExperiences",
+                                        children=(dcc.Graph(id="figExperiences")),
+                                        type="default",
+                                    )
                                 ), span=6),
                                 dmc.GridCol(html.Div(
-                                    dcc.Graph(id="figCompetences"),
+                                    dcc.Loading(
+                                        id="loadingCompetences",
+                                        children=(dcc.Graph(id="figCompetences")),
+                                        type="default",
+                                    )
                                 ), span=6),
                                 dmc.GridCol(html.Div(
-                                    dcc.Graph(id="figTransversales"),
+                                    dcc.Loading(
+                                        id="loadingTransversales",
+                                        children=(dcc.Graph(id="figTransversales")),
+                                        type="default",
+                                    )
                                 ), span=6),
                             ],
                             gutter="xs",