@ -6,16 +6,16 @@ PlantUML uses [Graphviz](https://www.graphviz.org/) for his graph visualization.
For this reason, C4-PlantUML also comes with some layout options.
## LAYOUT_TOP_DOWN() or LAYOUT_LEFT_RIGHT()
## LAYOUT_TOP_DOWN or LAYOUT_LEFT_RIGHT
With the two macros `LAYOUT_TOP_DOWN () ` and `LAYOUT_LEFT_RIGHT () ` it is possible to easily change the flow visualization of the diagram. `LAYOUT_TOP_DOWN () ` is the default.
With the two macros `LAYOUT_TOP_DOWN ` and `LAYOUT_LEFT_RIGHT ` it is possible to easily change the flow visualization of the diagram. `LAYOUT_TOP_DOWN ` is the default.
```csharp
@startuml LAYOUT_TOP_DOWN Sample
!include https://raw.githubusercontent.com/RicardoNiepel/C4-PlantUML/master/C4_Container.puml
/' Not needed because this is the default '/
LAYOUT_TOP_DOWN()
LAYOUT_TOP_DOWN
Person(admin, "Administrator")
System_Boundary(c1, 'Sample') {
@ -28,15 +28,15 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml
```
 Sample")

Using `LAYOUT_LEFT_RIGHT () `
Using `LAYOUT_LEFT_RIGHT `
```csharp
@startuml LAYOUT_LEFT_RIGHT Sample
!include https://raw.githubusercontent.com/RicardoNiepel/C4-PlantUML/master/C4_Container.puml
LAYOUT_LEFT_RIGHT()
LAYOUT_LEFT_RIGHT
Person(admin, "Administrator")
System_Boundary(c1, 'Sample') {
@ -49,7 +49,7 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml
```
 Sample")

## LAYOUT_WITH_LEGEND()