Visualizer: Charts and Graphs Documentation

In this article:

1. What is Visualizer

Visualizer is a powerful tool that can easily be used to create, manage and embed interactive charts into your WordPress posts and pages. The plugin uses Google Visualization API to render charts, which support cross-browser compatibility (adopting VML for older IE versions) and cross-platform portability to iOS and new Android releases.

Visualizer comes in two versions: a free version available in the repository and a premium version available on our site. Below you will find more details about each of them.
Note: To use the premium version of Visualizer, make sure you also have installed and activate the free version.

2. How to Install it

To install the free version of Visualizer, you need to go to your Dashboard > Plugins > Add New and Search for Visualizer. From there you can install and activate the plugin.

To install the premium version of Visualizer, make sure you follow this doc.

3. How to create and delete a chart

To create a chart, simply go to your Dashboard > Visualizer > Add New Chart, and select the type of chart you want to create. 

By default, the chart comes with some sample content that you can change, by either adding manual data or by importing it from a different source. 

Below you will find all the available ways of importing data in charts in Visualizer.

Type Free Personal Developer
Import from a local uploaded .csv file
Import from an online resourse - URL (.csv file)
 One-time/Live/Each hour/12 hours/day/3 days
 One-time/Live/Each hour/12 hours/day/3 days
Import from an online resource - URL (JSON file)
 One-time/Live/Each hour/12 hours/day/3 days
 One-time/Live/Each hour/12 hours/day/3 days
Import from other charts (previously created )
Import from WordPress 
 One-time/Live/Each hour/12 hours/day/3 days
Import from database
 One-time/Live/Each hour/12 hours/day/3 days
Manual Data

Note: The premium version of Visualizer includes three plans, each with its own features. Make sure you purchase the one that fits your needs.

Note: The Agency plan includes the same feature as the Developer plan. The difference lays in the number of sites for which you will get updates and support.

To delete a chart, make sure you follow this doc.

4. How to customize a chart

After creating your chart, you can further customize its styling and layout, from the Advanced tab. There you can customize colors, the title of the chart, legend, tooltip, annotations, animations, zoom, pan and much more.

For more details on how to use annotations and other roles check this doc.

Zoom and pan options are available in General Settings > Zoom/Pan. The options are available just for Google Charts (except 'Candlestick', 'Gauge', 'Geo', 'Pie', 'Table', 'Timeline').

To add a title to the chart follow this doc.

To learn more about how to add animations to charts make sure you follow this doc.

Permissions can be changed for each individual chart, making charts privates or visible/editable just for specific users/user roles. More details on how to achieve that can be found here.

If you would like your users to be able to print, save or copy the chart values, you can enable them right from the chart builder. Read more about it here.

5. The charts library

All the charts are visible in your dashboard > Visualizer > Chart Library. There you can see the existing charts, customize them, or create new ones.

In order to prevent a crowded library, you can choose a smaller number of charts to appear on each page. To do that, click on Screen Options on the top right side of the screen, add your preferred number and click Apply.

The charts can also be filtered based on type, used library, creation date, and so on. Just choose your preferred options and click on Apply Filters.

To reset the search, just click on Clear Filters, and you will get all the charts.

6. How to display the chart

There are two ways of displaying the charts created with Visualizer.

1. Using the shortcode block.

After creating a chart, Visualizer automatically creates a unique shortcode for that particular chart. That shortcode can be used to display the chart on any post or page. Just add the shortcode block and inside that, copy the shortcode of your chart.

2. Using the Visualizer block.

In the WordPress editor, look for the Visualizer block. From there, you can select any of the existing charts and insert it in the page.

7. Charts included in Free version

The plugin provides a variety of charts that are optimized to address your data visualization needs. These charts are based on pure HTML5/SVG technology (adopting VML for old IE versions), so no extra plugins are required. 

Table Chart

The table chart will look like this:

Pie / Donut Chart

Line Chart

Area Chart

Geo Chart

Bar Chart

Column Chart

Scatter Chart

Bubble Chart

8. PRO Charts

We also offer extra charts for users of the Pro Version

Gauge Chart

Candlestick Chart

Timeline Chart

Combo Chart

Polar Chart

Radar Chart

More guides for different options are available here for Visualizer plugin -

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.