Interactive charts for WordPress

Highcharts cloud - embed article

 

 
Interactive charts are an intuitive way to support your story with beautiful, responsive and dynamic content. Guess what! It is easy to create an interactive chart and even easier to embed them on your favorite blog or website.

This article will guide you step by step (with pictures and videos) from how to make a chart to how to share it on your blog or website.

This article is organized into two parts, the first part provides instructions about how to create interactive charts, while the second part shows you how to embed them into your blog.

PART 1 – CREATE THE CHART

To start making interactive charts, go to cloud.highcharts.com, and click “Get started now”.

Drag and drop your CSV file (or copy/paste your data from Excel file) in the data section (watch video).

To learn more about how to set up a CSV file, read more in our docs.

 

Drag and drop your CSV file in the Import section (watch video).

embed-article-common-1

Or copy/paste your data from Excel file in the Import section.

embed-article-common-2

Click Templates section, and select any templates that best suits you.

embed-article-common-3

Customize your charts in the Customize section (watch video)

embed-article-common-4

Click on the Save button and go to Share section

embed-article-common-5

PART 2 – ADD IT TO WORDPRESS

Once your interactive charts is set up, all you have to do is to copy the embed code and paste it on your blog (watch video).

To do that, go to the Embed section (under the SHARE section), and copy the embed code.

embed-article-wordpress-6

On your WordPress page click on Text.

embed-article-wordpress-7

Paste the Embed code into the page (be sure to select the right spot).

embed-article-wordpress-8

And Voila! An interactive chart to make your blog more attractive.