charts-in-wordpress

Why would you publish charts in WordPress?

Well, data/stats are usually difficult to follow and to process by the human brain unless they are presented in an interactive manner.

Long story short, people hate numbers. People hate having to imagine the importance of numbers on their own. It’s difficult. It takes time.

This is where visuals come to play.

And the list could go on.

One way of adding some visuals to your blog: charts and graphs.

Charts in WordPress: How to add charts to your WordPress blog

I’m sure this won’t surprise you, but it’s all done with a plugin.

Visualizer: Charts and Graphs is our own free plugin that will help you with the entire process, making it easy to go through. We’re actually quite proud of it!

visualizer

Here’s a step-by-step tutorial on how to publish charts on your WordPress blog.

First, install the plugin. For that, simply go to your wp-admin, then to Plugins / Add New, and type in “Visualizer” into the search field:

Visualizer

Then, activate the plugin, and go to the post or page where you want to insert some charts. It can be any post or page from your blog.

Click on Add Media, the button you normally use to add images to your articles. Then click on Visualizations / Create New:

create new1

Visualizer offers 9 different types of awesome and modern charts that you can use on your WordPress site. So pick the one that is the most representative for what you’re trying to showcase, or simply the one that looks interesting to you.

After you picked your favorite, click on Next. Now, you’ll have to import your data either from your computer in a CSV format (which is actually a table in Excel) or from Google Sheets. The plugin lets you download an example of a CSV file, so all you have to do is replace the default data with your own.

visualizer-csv-sample

(If you’re more comfortable using Google Sheets, feel free to add your numbers there and import them by clicking on the “From Web” button and pasting the link to the empty field.)

Here’s an example of what you get from a pie chart in WordPress:

my data

But that’s not all. After you’ve inserted your numbers and fields, it’s time to customize the chart. You can make it look any way you want by clicking the “Advanced” button on the right. Start looking through the options.

Under General Settings, you can add a title and color, a legend, set tooltips, and select the font styles. You can also choose the pie’s form (regular or 3D), the text that will be displayed on each slice, and the color of the borders that separate the slices from each other.

This is what the 3D pie chart looks like:

3d pie

If you don’t like the colors the plugin uses by default, you can change them freely. The layout can be modified too. You can customize the width and height of the chart, the background color, and even add a frame:

pie background

After you’re done with the customizations, click on “Insert Chart” and a shortcode will automatically appear in your post. Place it wherever you want.

Shortcode example:

[ visualizer id="388" ]

Here’s a live example. Try hovering your mouse over individual slices, see what happens:

live-chart

To make your posts even more interactive, you can use multiple types of charts within the same post for more diversity. Also, you can re-use the same chart many times, as it is safely saved in your media library, and you can come back to it whenever you want.

So, this is how you create a chart on your WordPress site. Have any questions? Feel free to share in the comments below.