adición de otro pie y agrupación de pies

se añadió un pie para las comidas por fuente.
se agruparon un mismo row los tres pies: etapas terminadas, comidas
por etapa, comidas por fuente.

dinamyc.py

@@ -67,7 +67,7 @@ num_secuencias = [get_secuenciaciones_data(visita) for visita in [1,2,3,4]]
 desempenio = px.pie(reclutados, names="finished_periods",  title="Etapas terminadas por la población reclutada", labels={'finished_periods':'Etapas concluidas'})
 desempenio = px.pie(reclutados, names="finished_periods",  title="Etapas terminadas por la población reclutada", labels={'finished_periods':'Etapas concluidas'})
 # gráfica estática de distribución de comidas
 # gráfica estática de distribución de comidas
 comidas_dist = px.pie(comidas_df, names="etapas", title="Comidas por etapa")
 comidas_dist = px.pie(comidas_df, names="etapas", title="Comidas por etapa")
-
+comidas_por_fuente = px.pie(comidas_df, names="Source", title="Comidas por fuente")
 external_stylesheets = [
 external_stylesheets = [
     {
     {
         "href": (
         "href": (
@@ -90,8 +90,23 @@ app.layout = html.Div(children=[
         html.P(children=(str(len(participantes.index)) + " están incluidos en el estudio."),className="header-description"),
         html.P(children=(str(len(participantes.index)) + " están incluidos en el estudio."),className="header-description"),
     ],
     ],
     className="header",),
     className="header",),
-    html.Div(children=[html.H1("Desempeño de la población reclutada", className="header-title2")]),
-    html.Div(children=[dcc.Graph(figure=desempenio)]),
+
+    html.Div(children=[
+        html.Div(children=[
+            html.H1("Desempeño de la población reclutada", className="header-title2"),
+            dcc.Graph(figure=desempenio)
+        ],         
+        className="wrapper"),
+        html.Div(children=[
+            html.H1("Datos para Análisis de comidas", className="header-title2"),
+            dcc.Graph(figure=comidas_dist)                
+        ], className="wrapper"),
+        html.Div(children=[
+            html.H1("Datos para Análisis de comidas", className="header-title2"),
+            dcc.Graph(figure=comidas_por_fuente)                
+        ], className="wrapper"),
+
+    ],style={'display': 'flex', 'flexDirection': 'row'}, className="wrapper"),
     # cobertura por fuente de datos
     # cobertura por fuente de datos
     html.Div(children=[ html.H1("Cobertura de pacientes por fuente de datos", className="header-title2") ]),
     html.Div(children=[ html.H1("Cobertura de pacientes por fuente de datos", className="header-title2") ]),
     # dos columnas: controles y gráfica de pacientes por fuente de datos
     # dos columnas: controles y gráfica de pacientes por fuente de datos