Visualizer: Charts and Graphs Documentation
NOTE: If you purchased Visualizer Pro then you need to have both Visualizer Free & Pro activated to take advantage of the plugin's pro features.
In this article:
- About Visualizer
- How to install Visualizer
- How to create a chart
- Types of Charts
Visualizer is a simple, easy to use and quite powerful tool 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 can help you create charts in various ways, depending on your site's infrastructure and preferences.
The charts can be built using the following methods:
- Import data from file - by uploading your local .csv file that contains data
- Import data from URL - by using an online resource that has the ability to be exported as .csv (e.g. google spreadsheet), or a remote JSON endpoint
- Manual data - you can use a basic text editor to write data
The charts can later be customized from the Advanced settings tab (e.g. you can change colors, height, title, legend, tooltip, and more).
How to Install Visualizer
Visualizer can be downloaded from 2 places:
In either of the cases above, you will get a .zip file after you download it. Now, let's install it. Here's what this would look like:
How to create a chart
With Visualizer, creating a chart is easier than you would expect. All you need to do is to go to your wp-admin dashboard -> Visualizer -> Add New Chart. You can then choose the type of chart you want to create. Check out the following screen recording:
After creating a chart, you will get a unique shortcode for that particular chart. You can use that shortcode to display the chart on every page or post you want to.
This leads us to the question: How to display the chart I have just created? There are 2 methods. Via the Visualiser block, or via the shortcode block. Let's learn more:
Types of charts
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.
The table chart will look like this:
Pie / Donut Chart
More guides for different options are available here for Visualizer plugin - https://docs.themeisle.com/category/657-visualizer