Embed Hava diagrams anywhere

Hava allows diagrams to be embedded anywhere that supports iframes or images.

No plug-ins, special API access or complex code required.

Hava will allow you to share individual diagram views using code snippets

Typically used for :

  • Internal Intranets.

  • Wikis and Documentation.

  • Development and Support Tickets.

  • Dashboards.

One major benefit of embedding your Hava diagrams outside of the application is that viewers do not need a Hava log in in order to view the diagrams. This means you can grant read-only access to diagrams either with or without sensitive metadata and can maintain the protection of other environments or projects being mapped in your Hava account.

There are three options you can choose from to embed your Hava diagrams into other applications or web properties:

Option 1 : Embed - This option provides a code snippet that allows you to embed a complete interactive diagram into another web property just as it appears within Hava. It will be fully interactive with the attribute pane and metadata viewable.

One word of caution : Since potentially sensitive information like security group information or IP addresses can be viewed on the diagram attributes, you should consider this carefully before embedding your diagrams on publicly accessible web properties using the full embed.

Option 2 : Embed Light - This provides a complete interactive diagram without the attribute pane or potentially sensitive metadata. This option is a safer option for publicly accessible diagrams.

Option 3: PNG Embed - This links to a PNG image of your diagram that can be placed almost anywhere. It will export with any configured view options, such as names or connections displayed.

Which ever of the three options you choose, the embedded diagram will self update. So as changes in your environment are detected, Hava updates your diagrams and also the endpoint of the embedded link, even the PNG image. This means you only have to embed the diagram once and whatever application or web property is hosting the embed will always show the latest representation of your cloud environment.

How to embed Hava cloud diagrams

Open the desired diagram (and select the view you wish to embed)

Select the Share button and generate the required code snippet.

Copy the snippet paste the embed code into any property that supports the iframe or html code

To see an example of the embedded viewer in action, Visit this page

The use cases for the embedded viewer are many and varied and as long as the target site or application supports iframe embeds then you will be able to embed your fully interactive AWS, GCP Azure and Kubernetes diagrams.

There are currently 3 embed options;

  • Embed - place a fully interactive diagram with attribute metadata visible

  • Embed Light - interactive diagram with sensitive data redacted

  • Embed PNG - a static snapshot of the current diagram canvas.

The embed endpoint always shows the current diagram, so as your architecture changes, so do the diagrams you have embedded (no action necessary)

For example, you can use the embed block in notion.so to place a fully interactive Hava diagram into a page in Notion.

Last updated