LogoLogo
HomePricingSelf-hosted docsAPI docsLogin
  • Home
  • Login to hava
  • Developer
  • Getting Started
    • Quickstart
      • Create New Account
      • Import Demo Data
      • Creating Environments
      • Exporting Diagrams
  • AWS Marketplace
  • Using Hava
    • Providers & Sources
    • Environments
      • Creating Environments
      • Filtering Environments
  • Importing Data
    • Demo Data
    • AWS
      • Getting Started with AWS
        • Cross Account Role
        • Read Only IAM User
        • Minimum Access IAM User
      • AWS Supported Resources
      • AWS Views
        • Infrastructure
        • Security
        • Container - ECS
        • List
    • Azure
      • Getting Started with Azure
        • Powershell
        • Azure Portal
      • Azure Supported Resources
      • Azure Views
        • Infrastructure
        • Azure Security View
        • List
    • Google Cloud
      • Getting Started with GCP
        • Service Account
        • Import Multiple Projects
        • Enabling APIs
      • GCP Supported Resources
      • GCP Views
        • Infrastructure
        • List
    • Kubernetes
      • Getting Started with Kubernetes
        • Read Only Kubeconfig
        • Automatic Import of Managed Kubernetes
          • AWS EKS Cluster Configuration
        • Converting certificate files to certificate data fields
      • Kubernetes Supported Resources
      • Kubernetes Views
        • Container
        • List
    • Import Errors
  • Discover
    • Importing
    • Searching
      • Search Overview
      • Search Syntax
        • VPC Search
        • Wildcard Search
        • Tag Search
        • Deep Search
      • Search Examples
        • Discover Resources From Regions
        • Create a multiple VPC diagram
        • Defining Custom Environments
    • Versioning
      • Tracking Changes in Cloud Architecture
    • Manual Sync
  • Diagram
    • Listing Environments
      • Filtering Environments
      • Favouriting Environments
    • Viewing Environments
      • Diagram Controls
      • Diagram Layout
      • Switch Between Views
      • Diagram Canvas Resource Filters
    • Draw Custom Connections
  • Diagnose
    • Architectural Monitoring Alerts
    • Attributes
    • Cost Estimation
    • Diff View - Comparing Diagrams
    • Infrastructure
      • View Route Tables
      • View ACLs
      • View Security Groups
    • Reports
      • AWS Compliance Reports
  • Document
    • Environment Notes
    • Embed
    • Exporting Diagrams
    • Edit
      • Draw.io
  • Collaboration
    • Teams
    • Inviting Users
    • Disabling users
    • SSO/SAML
      • Overview
      • Azure AD - SAML Setup
      • Azure AD - OIDC Setup
      • Okta - SAML Setup
      • Okta - OIDC Setup
      • Trouble Shooting SSO
    • Project folders
  • Integrations
    • AWS Control Tower
    • CLI
    • Confluence Cloud
    • GitHub
    • Terraform
  • API
    • API Docs
  • Account & Billing
    • Types Of Hava Accounts
    • Change Subscription
    • Switch to AWS marketplace
    • Change Password
    • MFA
    • Download Invoice
    • Cancel Account
    • Account Audit Log
  • Quick Look
    • Quick AWS Overview
    • Security Overview
    • Customize the Hava Dashboard
Powered by GitBook
On this page

Was this helpful?

  1. Document

Embed

Embed Hava diagrams anywhere

PreviousEnvironment NotesNextExporting Diagrams

Last updated 1 year ago

Was this helpful?

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

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.

To see an example of the embedded viewer in action,

Visit this page
Embedded_Viewer
Hava Embed
Hava Interactive Diagram in a Notion Page