Websites are about conveying a message and information to an audience. When you integrate charts and graphs into WordPress, you are able to do exactly that in a visual and appealing way.

And we know how visuals improve appeal and engagement with a website.

If you are in an especially data rich niche, charts and graphs help you to visualize rather boring data in a way that lay individuals can grasp.

For this article, we shall use, Visualizer: Tables and Charts Manager for WordPress (Lite) to Integrate Charts and Graphs into a WordPress.

The lite version is a free WordPress plugin that provides you all the essential features for creating charts and graphs.

Visualizer tables and charts manager plugin

Step by Step: How to Integrate Charts And Graphs into A WordPress Site?

Step 1. Install Visualizer to Integrate Charts and Graphs into a WordPress

We shall start off by installing the plugin to our WordPress website.

If you prefer an easier way, then login to your site’s admin area, then navigate to Plugins, Add New.

Then search for Visualizer: Tables and Charts Manager for WordPress.

Click Install now, and then activate the plugin.

install Visualizer plugin

Once it is installed and activated, you can find Visualizer under Media, then Visualizer library.

Visualizer library

With the lite version of Visualizer, you can add the following types of charts and graphs.

Tables, Pie charts, line charts, Area graphs, Bar graphs, columns and scatter charts.

The Premium version has for more charts you can add, Gauge, Candlestick, Timeline, and combo chart.

Visualizer plugin dashboard

Step 2: Add new charts 

To add a chart, In the Visualizer library, on top, where the title is, click Add New.

Visualizer add new chart

Select the chart or graph you want to use and then click Next.

Select the chart or graph to use

On the right, click Import data from file or import data from URL. Those are the only two options of entering data using the free version.

Visualizer import data from url or file

Click the Browse button to add the file to be imported, then click Import.

The chart is reloaded on the screen with your data captured.

Click Create Chart after that.

Create new chart

If you do not know how to create or format the CSV, you can download the sample CSV just above the Browse button of the chart you are creating.

For instance, this is the format for a Pie chart.

the format for a Pie chart

You are taken now to the plugin chart dashboard, where you should see your newly created chart.

charts dashboard

Step 3. Integrate Charts and Graphs into a WordPress

Once you have created your charts or graphs, go to the post or page you want to integrate charts and graphs into.

When you click or hover over a block, on the right, you should see the Visualizer block icon next to the image and text block icons.

Visualizer add chart

Alternatively, click any Add Block + Icon, if Visualizer chart is not there in the most used blocks, then search for it – enter visualizer, then click Visualizer chart.

Visualizer add chart block

Next, click Display an existing chart.

Display an existing chart

All the charts will be populated, from there click the Insert Chart button to add the chart to your page or post.

Add the chart to your page or post

Back in your editor, click Done.

Charts added done

If you do not want all the hustle, you can also add your chart or graph to a post or page by copying and pasting the shortcode there.

You can copy the chart or graph’s shortcode from Media > Visualizer Library.

Click the shortcode of the chart you want to select it.

Chart shortcode

Go to your post or page, and paste it there.

When all is done, publish your page.

Viewing the page or post, chart 1 we used the block editor and chart 2 we used the shortcode.

Charts in the page


Visualizer: Tables and Charts Manager for WordPress (Lite) allows you to Integrate Charts and Graphs into a WordPress easily.

The premium version provides you with a ton of more cool features to simplify and build more powerful charts and graphs, but, the free version is good enough for a start.

We have shown you exactly how to do that in this article, and now it is your turn to go and add color and flair to your content by integrating Charts and Graphs into your WordPress website.

Your website visitors will definitely love consuming your content.

Just in case you want alternatives, you may also want to try out any of these other plugins to integrate charts and graphs into a WordPress website.

  1. WordPress Charts
  2. amCharts:Charts and Maps
  3. Infogram– Add charts, maps, and infographics

For more options and details, please check out our top picks for the best free chart and graph plugins for WordPress to visually showcase data

PHP Code Snippets Powered By :