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

    About Visualizer

    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. 

    Table Chart

    The table chart will look like this:

    Pie / Donut Chart

    Line Chart

    Area Chart

    Geo Chart

    Bar Chart

    Column Chart

    Scatter 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.