# Draw\.io

Out of the box, Hava creates logically laid out network topology diagrams derived from the cloud accounts you connect.

Once you connect your AWS, Google Cloud or Microsoft Azure cloud account credentials to Hava, the diagrams are automatically generated based on the resources and attributes detected in the cloud console configuration.

This provides you with an accurate representation of how your cloud infrastructure is configured.

Sometimes however, you may need to enhance or embellish diagrams for use in a presentation or management report which is why Hava provides the functionality to export diagrams in a number of formats including VSDX (Visio)

Not everyone has access to a Visio licence however, which is why we created the following instructions on using **draw\.io** to import and modify Hava diagrams

{% embed url="<https://youtu.be/jzG_JdWHl90>" %}

### How to create a draw\.io diagram using hava.io

The first step is to export your diagram as a VSDX file.

Open the required diagram, select "Export" from header menu and then select "VSDX"

![Export VSDX Visio formatted file](/files/N4BHE8bCxsDYfVdY2wMy)

Hava will prepare the VDSX template data and prompt you to download.

Download the file to your computer.

Now open up <https://draw.io>

![](/files/5PNzvAkiV9DiW2euGyW8)

Select File > Import From > Device...

![](https://www.hava.io/hubfs/assets/Drawio_import.jpg)

Navigate to the VSDX file you saved and select it. Draw\.io will reconstruct the Hava diagram in editable form.

![Hava Diagram Exported to Draw.io ( Diagrams.net )](/files/Fu3pNU9n0NTq9oC67biD)

You are now able to copy & paste assets already on the diagram, add new ones from the available icon sets within draw\.io, add text or shapes or delete anything already on the diagram.

**One word of caution.** The Hava export function exports a native Visio file. How Draw\.io processes the VDSX import is beyond our control, however the testing we have conducted has always yielded an accurate facsimile of the diagrams generated in Hava.

Should you spot any anomalies please let us know.

This method provides a quick and easy way of providing you with the ability to edit and embellish your AWS, GCP and Azure diagrams without having to draw them from scratch.<br>


---

# Agent Instructions: 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:

```
GET https://docs.hava.io/document/edit/draw-io.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.