adding subgraphs

Author: jpchauvel

learning-path/cloud-devops/index.md

@@ -27,9 +27,45 @@ siguiente nivel, mejorar la eficiencia de tus proyectos y destacarte como un
 experto en este campo en constante evolución. ¡Explora, aprende y conviértete en
 un Pythonista líder en Cloud y DevOps!
 
-## Contenido
+```{sketchviz}
+---
+static-subdir: images/sketchviz
+---
+digraph G {
+  graph [fontname="Handlee"];
+  node [fontname="Handlee"];
+  edge [fontname="Handlee"];
+
+  bgcolor=transparent;
+  
+  dv_1 [
+    label="Despliegue",
+    href="/learning-path/cloud-devops/deployment/", 
+    target="_top"
+  ]
+  dv_2 [
+    label="Cloud",
+    href="/learning-path/cloud-devops/cloud/", 
+    target="_top"
+  ]
+  
+  subgraph cluster_devops {
+    style=filled;
+    color=lightgrey;
+    node [style=filled, color=pink];
+    dv_1 -> dv_2;
+    label = "*Cloud y DevOps*";
+    fontsize = 20;
+    color=green;
+    href="/learning-path/cloud-devops/";
+    target="_top";
+  }
+}
+```
 
 ```{toctree}
+:hidden: true
+
 deployment.md
 cloud.md
 ```

learning-path/data-science/index.md

@@ -25,9 +25,45 @@ Ciencia de Datos y avanzar en tu carrera como un Pythonista experto en este
 emocionante campo. ¡Explora, aprende y conviértete en un maestro en la Ciencia
 de Datos con Python!
 
-## Contenido
+```{sketchviz}
+---
+static-subdir: images/sketchviz
+---
+digraph G {
+  graph [fontname="Handlee"];
+  node [fontname="Handlee"];
+  edge [fontname="Handlee"];
+
+  bgcolor=transparent;
+  
+  dc_1 [
+    label="Ciencias de Datos Básico",
+    href="/learning-path/data-science/basic-data-science/", 
+    target="_top"
+  ]
+  dc_2 [
+    label="Ciencias de Datos Avanzado",
+    href="/learning-path/data-science/advanced-data-science/", 
+    target="_top"
+  ]
+
+  subgraph cluster_science {
+    style=filled;
+    color=lightgrey;
+    node [style=filled, color=pink];
+    dc_1 -> dc_2;
+    label = "*Ciencias de Datos*";
+    fontsize = 20;
+    color=lightblue;
+    href="/learning-path/data-science/";
+    target="_top";
+  }
+}
+```
 
 ```{toctree}
+:hidden: true
+
 basic-data-science.md
 advanced-data-science.md
 ```

learning-path/machine-learning-ai/index.md

@@ -27,9 +27,45 @@ IA y destacarte como un experto en este campo en constante evolución. ¡Explora
 aprende y conviértete en un Pythonista líder en Machine Learning e Inteligencia
 Artificial!
 
-## Contenido
+```{sketchviz}
+---
+static-subdir: images/sketchviz
+---
+digraph G {
+  graph [fontname="Handlee"];
+  node [fontname="Handlee"];
+  edge [fontname="Handlee"];
+
+  bgcolor=transparent;
+  
+  ml_1 [
+    label="ML Básico",
+    href="/learning-path/machine-learning-ai/basic-ml/", 
+    target="_top"
+  ]
+  ml_2 [
+    label="ML Avanzado",
+    href="/learning-path/machine-learning-ai/advanced-ml/", 
+    target="_top"
+  ]
+  
+  subgraph cluster_ml {
+    style=filled;
+    color=lightgrey;
+    node [style=filled,color=pink];
+    ml_1 -> ml_2;
+    label = "*Machine Learning e IA*";
+    fontsize = 20;
+    color=green;
+    href="/learning-path/machine-learning-ai/";
+    target="_top";
+  }
+}
+```
 
 ```{toctree}
+:hidden: true
+
 basic-ml.md
 advanced-ml.md
 ```

learning-path/python-developer/index.md

@@ -24,9 +24,44 @@ tu disposición, podrás convertirte en un Pythonista aún más competente y
 versátil en tu campo. ¡Explora y aprende para crecer como desarrollador de
 Python!
 
-## Contenido
+```{sketchviz}
+---
+static-subdir: images/sketchviz
+---
+digraph G {
+  graph [fontname="Handlee"];
+  node [fontname="Handlee"];
+  edge [fontname="Handlee"];
+
+  bgcolor=transparent;
+  
+  p_1 [
+    label="Python Básico",
+    href="/learning-path/python-developer/basic-python/", 
+    target="_top"
+  ]
+  p_2 [
+    label="Python Avanzado",
+    href="/learning-path/python-developer/advanced-python/", 
+    target="_top"
+  ]
+
+  subgraph cluster_python {
+    style=filled;
+    color=lightgrey;
+    node [style=filled, color=pink];
+    p_1 -> p_2;
+    label = "*Desarrollador Python*";
+    fontsize = 20;
+    href="/learning-path/python-developer/";
+    target="_top";
+  }
+}
+```
 
 ```{toctree}
+:hidden: true
+
 basic-python.md
 advanced-python.md
 ```

learning-path/web-developer/index.md

@@ -25,9 +25,45 @@ disposición, podrás perfeccionar tus habilidades y convertirte en un Pythonist
 aún más competente y exitoso en el mundo del desarrollo web. ¡Explora, aprende y
 lleva tus habilidades a nuevos horizontes!
 
-## Contenido
+```{sketchviz}
+---
+static-subdir: images/sketchviz
+---
+digraph G {
+  graph [fontname="Handlee"];
+  node [fontname="Handlee"];
+  edge [fontname="Handlee"];
+
+  bgcolor=transparent;
+  
+  d_1 [
+    label="Desarrollador I",
+    href="/learning-path/web-developer/developer-1/", 
+    target="_top"
+  ]
+  d_2 [
+    label="Desarrollador II",
+    href="/learning-path/web-developer/developer-2/", 
+    target="_top"
+  ]
+
+  subgraph cluster_web {
+    style=filled;
+    color=lightgrey;
+    node [style=filled, color=pink];
+    d_1 -> d_2;
+    label = "*Desarrollador Web*";
+    fontsize = 20;
+    color=lightblue;
+    href="/learning-path/web-developer/";
+    target="_top";
+  }
+}
+```
 
 ```{toctree}
+:hidden: true
+
 developer-1.md
 developer-2.md
 ```