> For the complete documentation index, see [llms.txt](https://docs.hava.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.hava.io/diagram/view-diagram/diagram-layout.md).

# Diagram Layout

## Layout Controls

![Hava\_Diagram\_Layout\_Controls](/files/FLy1f3BWGSDnew8Awo0j)

The "Layout Controls" introduce the ability to stretch or compress the diagram width and/or height and also stretch or compress the subnet columns.

![Hava\_Diagram\_Layout\_Controls-2](/files/Kcp17GuqrQLmVGlECYDI)

The first control "Resource Width" adjusts the width of the canvas.

![Hava Layout Adjustment Resource Width](/files/YaibhNPH1vuZAWbMiIiD)

The screenshot above is a standard AWS VPC. The below diagram is the result of adjusting the diagram canvas using the width adjustment.

![Hava Layout Resource Width After](/files/L9Jm7lb2jeFgE92oPFNR)

This width adjustment results in more distance between resources while keeping the entire environment on screen. This is especially useful when displaying resource names. Just using the zoom option to achieve the same result would scale the diagram so only part of the diagram was visible on screen.

The Resource Height adjustment works in the same manner, increasing the horizontal gap between visualized resources.

![Hava Resource Layout Height](/files/pYFNaprnF9gjiCzBYbKB)

The final control is the Subnet Column adjustment. This control allows you to expand or contract the width of the subnet columns without affecting the distance between resources.

On the initial diagram with default settings, the resources in each subnet are stacked based on the available screen space.

![Hava Layout Default Subnet Diagram](/files/8pZ5P6RyqNbfykqEJ6a0)

By increasing the Subnet Column width, you can increase the number of resources visualized on each row within the subnet, while preserving the original spacing between resources. This is especially useful where you have a large number of resources in one subnet.

![Hava Layout Increased Subnet Width](/files/BnCJYTa9Ryzei4P3Lvvd)

##


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.hava.io/diagram/view-diagram/diagram-layout.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.