diff --git a/docs/syntax/gantt.md b/docs/syntax/gantt.md
index 9f7be5c86..18ccc9197 100644
--- a/docs/syntax/gantt.md
+++ b/docs/syntax/gantt.md
@@ -465,19 +465,40 @@ Beginner's tip—a full example using interactive links in an html context:
 </body>
 ```
 
-```mermaid
+## Examples
+
+### Bar chart (using gantt chart)
+
+```mermaid-example
 gantt
-    title Git Issues - days since last update 
+    title Git Issues - days since last update
     dateFormat X
-    axisFormat %s
-    section Issue19062
+    axisFormat %s 
+    section Issue19062 
     71   : 0, 71
     section Issue19401
     36   : 0, 36
     section Issue193
     34   : 0, 34
     section Issue7441
-    9    : 0, 9 
+    9    : 0, 9
+    section Issue1300
+    5    : 0, 5
+```
+
+```mermaid
+gantt
+    title Git Issues - days since last update
+    dateFormat X
+    axisFormat %s
+    section Issue19062
+    71   : 0, 71
+    section Issue19401
+    36   : 0, 36     
+    section Issue193 
+    34   : 0, 34
+    section Issue7441
+    9    : 0, 9
     section Issue1300
     5    : 0, 5
 ```