docs/other-guides/VSCode-Guide.adoc

@@ -115,7 +115,7 @@ image::plantuml_1.png[]
 .allow insecure content
 image::plantuml_2.png[]
 
-Now you can test this with some plantuml:
+Now you can test this with examples:
 
 [cols="1,1"]
 |===
@@ -132,4 +132,45 @@ tst1 --> tst2: caption
 ....
 ----
 a|image::plantuml_3.png[]
+a|
+---- 
+[mermaid]
+....
+gantt
+    title A Gantt Diagram
+    dateFormat  YYYY-MM-DD
+    section Section
+    A task           :a1, 2014-01-01, 30d
+    Another task     :after a1, 20d
+    section Another
+    Task in sec      :2014-01-12, 12d
+    another task     :24d
+....  
+----  
+a|image::gannt_example.png[]
+a|
+----
+[mermaid]
+....
+pie title Pets adopted by volunteers
+    "Dogs" : 386
+    "Cats" : 85
+    "Rats" : 15
+            
+....
+----
+a|image::pie_example.png[]
+a|
+----
+[mermaid]
+....
+graph TD
+    A[Christmas] --> B(Go shopping)
+    B --> C{Let me think}
+    C --> D[Laptop]
+    C --> E[iPhone]
+....
+----
+a|image::flow_example.png[]
 |===
+