Add PlantUML examples

README.md

@@ -6,9 +6,31 @@ This document provides you with a set of examples that can be used to create
 diagrams.
 
 ## PlantUML
+Besides various UML diagrams, PlantUML has support for various other
+software development related formats.
+The [official documentation](https://plantuml.com/) provides you with an
+extensive description of the syntax and supported format.
+More examples can be found in the [PlantUML](examples/plantuml.md) file.
 
-### Sequence Diagram
+### Gantt Diagram
+```plantuml
+@startgantt
+printscale weekly
 
+Project starts the 1st of July 2021
+[Literature Review] lasts 4 weeks
+[Literature Review] is 100% completed
+then [Run Experiments] lasts 12 weeks
+[Run Experiments] is 70% completed
+-- Phase Two --
+then [Data Analysis] lasts 8 weeks
+[Data Analysis] is 0% completed
+then [Write Publication] lasts 6 weeks
+[Write Publication] is 0% completed
+@endgantt
+```
+
+### Sequence Diagram
 ```plantuml
 @startuml
 participant User
@@ -32,24 +54,6 @@ deactivate A
 @enduml
 ```
 
-### Gantt Diagram
-```plantuml
-@startgantt
-printscale weekly
-
-Project starts the 1st of July 2021
-[Literature Review] lasts 4 weeks
-[Literature Review] is 100% completed
-then [Run Experiments] lasts 12 weeks
-[Run Experiments] is 70% completed
--- Phase Two --
-then [Data Analysis] lasts 8 weeks
-[Data Analysis] is 0% completed
-then [Write Publication] lasts 6 weeks
-[Write Publication] is 0% completed
-@endgantt
-```
-
 ### Display JSON Data
 ```plantuml
 @startjson

examples/plantuml.md

+### Sequence Diagram
+<details>
+  <summary>Show code</summary>
+  <div>
+
+    ```plantuml
+    @startuml
+    participant User
+
+    User -> A: DoWork
+    activate A
+
+    A -> B: << createRequest >>
+    activate B
+
+    B -> C: DoWork
+    activate C
+    C --> B: WorkDone
+    destroy C
+
+    B --> A: RequestCreated
+    deactivate B
+
+    A -> User: Done
+    deactivate A
+    @enduml
+    ```
+
+  </div>
+</details>
+
+```plantuml
+@startuml
+participant User
+
+User -> A: DoWork
+activate A
+
+A -> B: << createRequest >>
+activate B
+
+B -> C: DoWork
+activate C
+C --> B: WorkDone
+destroy C
+
+B --> A: RequestCreated
+deactivate B
+
+A -> User: Done
+deactivate A
+@enduml
+```
+
+### Sequence Diagram
+```plantuml
+@startuml
+participant User
+
+User -> A: DoWork
+activate A
+
+A -> B: << createRequest >>
+activate B
+
+B -> C: DoWork
+activate C
+C --> B: WorkDone
+destroy C
+
+B --> A: RequestCreated
+deactivate B
+
+A -> User: Done
+deactivate A
+@enduml
+```
+
+### Display JSON Data
+```plantuml
+@startjson
+{
+  "firstName": "John",
+  "lastName": "Smith",
+  "age": 28,
+  "address": {
+    "streetAddress": "Bautzner Landstr. 400",
+    "city": "Dresden",
+    "state": "Saxony",
+    "postalCode": "01328"
+  },
+  "offices": [
+    {
+      "building": 512,
+      "room": 1234
+    },
+    {
+      "building": 312,
+      "room": 3
+    }
+  ],
+  "departments": []
+}
+@endjson
+```
+
+### Display JSON Data
+```plantuml
+@startjson
+{
+  "firstName": "John",
+  "lastName": "Smith",
+  "age": 28,
+  "address": {
+    "streetAddress": "Bautzner Landstr. 400",
+    "city": "Dresden",
+    "state": "Saxony",
+    "postalCode": "01328"
+  },
+  "offices": [
+    {
+      "building": 512,
+      "room": 1234
+    },
+    {
+      "building": 312,
+      "room": 3
+    }
+  ],
+  "departments": []
+}
+@endjson
+```
\ No newline at end of file