Embed a Visualization

To embed a visualization, grab the embed code from Superchart in one of two ways.

Visualization Configuration

You can grab the embed code after publishing a visualization. Just use the copy icon in the publish menu.

superchart copy chart embed iframe publish
Embed a Chart

My Visualizations

From the visualizations gallery, you can copy the embed code for a published visualization to your clipboard.

superchart copy chart embed iframe
Copy Chart Embed

This embed code can be used in custom HTML or in an HTML block within your favorite website builder (i.e. Webflow, Squarespace, Wordpress, etc.). You can try it out here by grabbing the following code block and testing it on a site.

--- COPY BELOW ---

<iframe src="https://viz.superchart.io/embed.html?id=43aad4b601df05d304cac6323997aea2" frameborder="0" style="
 overflow: hidden;
 overflow-x: hidden;
 overflow-y: hidden;
 height: 600px;
 width: 100%;
 margin: 0;
 padding: 0;
 border: 0;
 " height="100%" width="100%"></iframe>

--- COPY ABOVE ---

To get the full experience, sign up for a free account and build an embeddable chart.

Last Updated
March 7, 2023