How to Publish Charts in WordPress

Advertisements

Why would you post charts on WordPress?

Well, data/statistics are often difficult for the human brain to track and process unless they are presented interactively.

In short, people hate numbers. People hate having to figure out the importance of numbers for themselves. It’s hard. It takes time.

This is where images come into play.

  • The brain processes images 60,000 times faster than text.

  • Content with relevant images gets 94% more views than content without them.

  • Articles with an image every 75-100 words get twice as many social shares as articles with fewer images.

And the list could go on.

One way to add some visual elements to your blog: charts and graphs.

Graphics in WordPress: How to Add Graphics 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 throughout the process, facilitating its realization. We are actually very proud of it!

Here is a step by step tutorial on how to post charts on your WordPress blog.

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

So, activate the plugin, and go to the post or page where you want to insert some graphics. It can be any post or page of your blog.

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

Visualizer offers 9 different types of stunning and modern graphics that you can use on your WordPress site. So choose the one that is most representative of what you are trying to show, or just the one that you find interesting.

After choosing your favourite, click Following . Now, you will have to import your data either from your computer in CSV format (which is actually a table in Excel) or from Google Sheets. The plugin allows you to download an example of a CSV file, so all you have to do is replace the default data with your own.

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

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

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

On General adjustments , you can add a title and color, a legend, set tooltips, and select font styles. You can also choose the shape of the cake (normal or 3D), the text that will be displayed on each piece and the color of the borders that separate the pieces from each other.

This is what the pie chart looks like in 3D:

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

When you’re done with your customizations, click “Insert Chart” and a shortcut will automatically appear in your message. Put it where you want.

Shortcode example:

[ visualizador ]

Here is a living example. Try hovering over each chunk and see what happens:

Popular EmotionsAmazeLaughterApprovalJoyAngerCompassionSurpriseSadnessOther25%17%14%6%6%14%15%EmotionsShareApproval0.25Laughter0.17Approval0.15Joy0.14Anger0.06Compassion0.06Surprise0.02Saddition0.01Other0.14Other

To make your messages even more interactive, you can use multiple types of graphics within the same message for greater diversity. Plus, you can reuse the same chart many times, since it’s safely stored in your media library, and you can come back to it whenever you want.

This is how you create a chart on your WordPress site. Do you have any question? Feel free to share in the comments below.

advertisements

Related Posts

Leave a Reply

Your email address will not be published.