Elegant Themes Blog

Stay up to date with our most recent news and updates

Do the Math: The 8 Best WordPress Chart Plugins

Posted on January 5, 2016 by in Resources | 10 comments

Do the Math: The 8 Best WordPress Chart Plugins

Presenting data to your blog readers as straight text gets boring very quickly and it takes much longer for most people to understand tables and text descriptions. If you have a lot of data, you need to get the point across in an effective way, and charts can help.

Using charts taps into readers’ visual brain, helping them understand data quickly. Using WordPress plugins can simplify the process of creating charts from your data and inserting them in your blog.

This article will review the eight best WordPress chart plugins (split between six well established offerings and two up-and-comers) looking at the pros and cons of each, as well as the most suitable scenarios for their use.

The 6 Best WordPress Chart Plugins

1. Visualizer (Free)

Visualizer Plugin

With over ten thousand active installs and a 4.6 star satisfaction rating, Visualizer: Charts and Graphs is the most popular plugin in the WordPress plugin repository for creating, managing and embedding interactive charts into WordPress posts and pages.

Pros

  • Multiple chart types
  • Customizable chart displays
  • Can link to spreadsheet by URL
  • Custom hooks
  • Cross-browser and cross-platform rendering

Cons

  • Data tables managed separately
  • Limited data types

Details

Different types of data require different chart types, and Visualizer contains nine chart types to suit your needs, specifically:

  1. line chart
  2. area chart
  3. bar chart
  4. column chart
  5. pie chart
  6. geo chart
  7. gauge chart
  8. candlestick chart
  9. scatter chart

Adding a chart to your site is done via the Visualizer Library, which is added under the WordPress Media Library. The data for your chart is pulled in from a CSV file, either uploaded directly or linked to online. The latter allows you to base your chart on a Google Spreadsheet, for example. The data types that are allowed include string, number, boolean, date, time date, and time of day. Once a chart is created, it is added to the post or page with a shortcode.

You can customize the charts to match your website through an extensive set of options, as the plugin is based on Google’s Visualization API. Each chart can also be edited after it is created, and the plugin makes it easy to clone an existing chart.

For users with custom needs, the Visualizer plugin enables you to write your own hooks for chart series and data filters, both global (applied to all charts before rendering) and custom (for specific charts).

Final Word

Visualizer is a solid option for most charting needs based on existing data. But with the limited data types, you may find that you need more advanced data management, so check out our next selection.

2. Data Tables Generator (Free, Premium)

Data Tables Generator

The next plugin on our list, Data Tables Generator from Supsystic, has over seven thousand active installs and a 4.8 star satisfaction rating.

As the name suggests, this plugin does more than just enable you to create charts; you can create manage and display data tables from the admin panel and create interactive charts and graphs. You will however need to purchase the PRO version for $29 to create charts from your tables.

Pros

  • Multiple chart types
  • Customizable chart displays
  • Cross-browser and cross-platform rendering
  • Data table management built in
  • Extended data types

Cons

  • Charts functionality not free

Details

The table functionality of this plugin is fully-featured. Adding a table is a simple matter of entering a title and the number of rows and columns you wish to start with. The plugin provides a spreadsheet-like editor which enables you to easily add rows and columns, enter data in the table (including images, links and formulas) and customize the basic formatting for data cells.

You can preview the tables right from a tab on the plugin screen, and you have access to the table’s CSS to customize the display completely. You can use the settings tab to set up certain features of the tables such as pagination and sorting.

The Pro version of the plugin enables importing and exporting data, but more importantly for our list, creating charts and diagrams from your data. Creating a chart starts by selecting the data in your table and clicking the Add diagram button.

Like the Visualizer plugin, several chart types are available, namely:

  1. line chart
  2. area chart
  3. bar chart
  4. column chart
  5. pie chart
  6. geo chart
  7. gauge chart
  8. candlestick chart
  9. scatter chart

Final Word

This plugin is a great option if you need to manage your data inside the WordPress administration, but the charting functionality is not much different to the Visualizer plugin as they use the same Google Visualization API, so it may not be worth paying for the Pro version is you plan to import your data anyway.

3. Inline Google Spreadsheet Viewer (Free)

Inline Google Spreadsheet Viewer Plugin

Inline Google Spreadsheet Viewer produces feature-rich HTML tables

This next plugin takes a different approach by enabling you to embed data files in WordPress posts or pages as tables or charts. With over five thousand active installs and a 4.5 star satisfaction rating, the Inline Google Spreadsheets Viewer is a solid alternative for your chart needs.

Pros

  • Embed several types of files
  • Large number of chart types
  • Flexible query functionality

Cons

  • No visual interface for charts
  • More complicated to customize

Details

Despite the name, the Inline Google Spreadsheet Viewer can also display data stored in CSV files and MySQL databases, as well as data output from a Google Apps Script. Simply pasting the in a publicly available URL for any of the supported file formats (CSV, XLS, etc.) will generate a sorted searchable HTML table.

You can also use this plugin to display live previews of other file types like PDFs and Word docs. To do this, or to display your spreadsheet data as an interactive chart or graph, you use a gdoc shortcode, e.g. [gdoc key=”filename.url”]. The key specifies the document to be used. Other optional attributes include the chart type, chart colors and custom queries.

The types of charts you can generate include:

  1. Area charts
  2. Bar charts
  3. Bubble charts
  4. Candlestick charts
  5. Column charts
  6. Combo charts
  7. Gauge charts
  8. Histogram charts
  9. Line charts
  10. Pie charts
  11. Scatter charts
  12. Stepped area charts

Custom queries enable you to interact with the data as if it were a standard relational database table. You can also select just the relevant segments of data to pull into a chart. The query language is based on the Google Charts API Query Language and is both powerful and flexible.

Final Word

This plugin would be ideal if you need to pull in data from various file types for display or if you have complex charting queries to generate.

4. amCharts (Free)

amCharts Plugin

Up next on our list is amCharts, which has over one thousand active installs and a 5 star satisfaction rating. Though less popular, this plugin has received some great reviews.

Pros

  • Defaults provided
  • Uncommon charts provided
  • Flexibility through code customization

Cons

  • No visual editor
  • Little documentation

Details

Unlike most of the other plugins listed here, amCharts focuses on creating chart code snippets which can then be inserted into WordPress posts and pages as shortcodes. You can use either the amCharts hosted libraries or point the plugin at your local server to use alternate libraries.

The plugin includes the following charts by default:

  1. Serial
  2. Pie
  3. XY
  4. Funnel
  5. Radar
  6. Gauge
  7. Gantt
  8. Stock
  9. Map

There is no visual editor for the charts or data, but the code can be edited directly. You can also pass custom parameters into the shortcode and reference them in the chart’s code.

Final Word

This plugin is not for the non-technical user as you need to be able to understand JavaScript code to modify the default snippets or create your own. But if you have been unable to find a plugin that does exactly what you want and know how to work with JavaScript libraries, this one might be for you.

5. RJ Quickcharts (Free)

rjquickcharts-plugin

Next is RJ Quickcharts, with over one thousand active installs and a 4.8 star satisfaction rating. Although it was last updated a year ago (and you should approach with caution accordingly), this plugin enables you to create beautiful HTML5 charts which are built and updated as you enter the data.

Pros

  • Simple intuitive chart creation
  • Manage data in WordPress

Cons

  • Not updated recently
  • No external data
  • Limited chart types
  • Minimal customization

Details

To use RJ Quickcharts, you first decide the type of chart you want to create. The chart types available are limited to:

  1. Line
  2. Bar
  3. Pie

You only have a few settings to configure for your chart, like the legend display, titles for the axes and the colors to use in the chart. You then enter your data in the spreadsheet interface below the chart setup.

The plugin does provide some sample data so you can see how to setup your data table. The chart preview is generated and updated dynamically as you enter the data. Hit Save when you are finished and the chart is ready to be inserted via the Add Media button in the post editor.

The charts generated use HTML, CSS and JavaScript, and are responsive by default. There is a button to generate a PNG file of the chart which you can use for slideshows and presentations if you wish.

Final Word

If you have very simple charts to add to your site based on small datasets, this plugin offers an easy way to get started.

6. wpDataTables (Premium)

wpDatatables Plugin

wpDataTables enables you to easily create beautiful interactive charts from your data

The first solely premium plugin on our list, wpDataTables is a strong contender. With over five thousand sales and a 4.5 star rating, at $29 this plugin is definitely worth checking out. They say that over four thousand sites have the plugin in use, so you will not be alone in trying out this complete table and chart manager.

Pros

  • Wide range of chart types
  • Use various data sources
  • Custom queries for data
  • Manipulate large datasets
  • Front end editing of data

Cons

  • Premium only

Details

After activating this table, your first step will be to create or upload your data. wpDataTables enables you to use existing data in any one of several formats: Google Spreadsheet, Excel file, CSV, XML, JSON, or even MySQL queries, and has a Query Constructor to fetch custom data from your sources. You can also create the table manually inside the WordPress administration.

The table designs can be completely customized using the settings provided by the plugin, with no need for CSS. You can also set up responsiveness by selecting specific elements for display on different devices.

The data in both MySQL and manually created tables can be edited both in the WordPress administration but also from a front end form you create. User access for editing can be restricted to just the rows a user entered.

wpDataTables has a step-by-step wizard for creating charts from tables. The chart types available for use with the included Google Charts library are:

  1. Column
  2. Histogram
  3. Bar
  4. Area
  5. Stepped area
  6. Line
  7. Pie
  8. Donut
  9. Bubble
  10. Scatter
  11. Gauge

Using the Highcharts library (free for non-commercial use), adds the following chart types:

  1. Stacked area
  2. Basic bar
  3. Stacked bar
  4. Basic column
  5. Stacked column
  6. Pie with gradient
  7. 3D pie
  8. 3D donut
  9. 3D column

Developers can customize the plugin through provided WordPress actions and filters, so if the plugin is actually missing some behavior that you need (though it is very comprehensive), you can add it yourself.

Final Word

Considering its flexibility, customization and the wide range of chart types available, this plugin is a great option if you are willing to pay for it.

2 Up and Coming Chart Plugins to Watch

These next two plugins are not yet widely used, but have a solid number of installs and good reviews, so may be worth considering for your needs.

7. Responsive Charts (Premium)

responsive-charts-plugin

Create HTML5 animated charts easily with Responsive Charts

The other premium chart plugin we chose to look at is not as popular as wpDataTables, with only 560 sales. But the 4.57 star rating and the beautiful animated charts made us want to take a look at Responsive Charts. For $15, it may be worth considering if the free plugins are not meeting your needs.

Pros

  • Animated responsive charts
  • CSV data import
  • Customizable charts
  • Uncommon chart types (e.g. radar, progress bars)

Cons

  • Premium only
  • Limited chart types

Details

Similar to RJ Quickcharts described above, to use Responsive Charts you first create a chart and configure its settings. The chart types available to you are:

  1. Pie
  2. Donut
  3. Bar
  4. Line
  5. Polar
  6. Radar
  7. Progress bars

Each chart type has customizable styling for labels, tooltips and colors. There is no preview chart provided, so you will need to save your settings and move on to the data before you can view the effects of your customizations.

The main data set for the plugin can be imported from a CSV file, though you can add individual options using text fields provided. Additional data sets can be added manually if you are using line or bar charts. This enables you to show some data comparison in your chart.

Once you are satisfied and save your chart and its data, a shortcode is provided that you can copy and paste into your WordPress pages or posts.

Final Word

This plugin is a simple way to create charts and is not very expensive, so if you need animated charts, it may be a good option for you.

8. M Chart (Free)

M Chart Plugin

With just over two hundred active installs, the final entry on our list, M Chart, is not very widely used or well-known yet. But the early 4.7 star satisfaction rating suggests it is not to be counted out. By providing a simple way to add and edit data in the WordPress administration and add the resulting chart to posts and pages, M Chart has a good start.

Pros

  • Data table management built in
  • Import and export CSV files
  • Add charts from Media panel
  • Non-JavaScript fallback

Cons

  • Limited chart types

Details

Similar to the Data Tables Generator we looked at before, M Chart enables you to input your data in a spreadsheet interface from within the WordPress administration. You can then select from the six types of charts offered by M Chart:

  1. Line
  2. Spline
  3. Area
  4. Column
  5. Bar
  6. Pie

Each chart type has options to configure the display, such as labels for the axes.

Instead of entering the data yourself, you can import a CSV file. Additionally, M Chart has export functionality built in, so you can export your data and use in another application, or even another WordPress site.

Charts are inserted into WordPress posts and pages using a shortcode that is generated when a chart is created. You can either copy and paste the shortcode directly, or insert the chart from the Add Media panel when editing a post or page.

A very nice feature that the creators of M Chart have thought of is a way to render your chart if JavaScript is not available or enabled, such as when the post is being viewed through the RSS or Atom feed. A high resolution PNG copy of the chart is generated each time the chart is updated and displayed instead of the actual chart in those situations.

Final Word

M Chart is not as fully featured as the Data Tables Generator plugin, but it is completely free and so may be worth considering if you want to manage your data and charts within the WordPress administration interface.

Choosing a Chart Plugin

As we said before, charts are a great way to present data to your audience in an engaging way. Choosing the right WordPress chart plugin will depend on the type of data you’re presenting and the charts you need. Other factors to consider are the data sources you need to work with and how you want to work with the data.

If you have very simple data and don’t need much beyond basic charts, you can start off with RJ Quickcharts. M Charts may be a better fit if you want to instead upload your data. If you are willing to pay for a solution and animated charts will add to your data presentation, Responsive Charts is a good option for you.

If you have more advanced data management needs and want a wider range of data types available to you, Data Tables Generator may be worth checking out. But if you’re going to have to pay for the charts functionality anyway, wpDataTables is a stronger paid option, especially with the advanced features it offers like the front-end data editing and custom actions and filters.

If you have data in multiple files in various formats, both wpDataTables and the Inline Google Spreadsheet Viewer are good options, depending on how you want to work with the data. Both plugins offer custom queries to pull data for your charts, so try the Inline Google Spreadsheet Viewer first since it’s free.

If you have a need for completely custom JavaScript or want to combine libraries, amCharts is your go-to tool.

Conclusion

Plain text or tabular data is difficult for most people to grasp quickly and can be a turnoff for your readers. Charts are a good way to present data in an easily digestible format and get your point across.

Whether you are looking for a simple plugin to insert a one-off chart or you need a more extensive data table manager, you should be able to find a suitable plugin in our list above to make your data come alive for your readers.

We have tried to cover the best options for WordPress chart plugins, but there may be others we have missed. Comment below and share your experiences with these plugins or add any you feel were left out!

Article thumbnail via Dooder // Shutterstock.com

download divi

10 Comments

  1. Question…I love messing with pure D3 visualization. I’ve played with the various D3 plugins for raw data and they’re great. Do any of these use D3?

    • i am wondering the exact same thing. may be amCharts

  2. Appreciate seeing this, but I wonder why someone would use a plugin to generate a chart when Excel does a fine job. Sure, if you’re looking for something dynamic, I get it; but otherwise, why?

    • Yes Patrick, Excel does a great job for charts but if you need to embed data or more importantly embed WP data it would be alot of work with Excel and not very seemless.

      For example, if you have a HR or CRM WP plugin, the chart module would allow you to display that data along the HR information etc.

    • Don’t forget live linking data. If you want to get real-time data from a source and display it, say, on a dash board, or something similar? Charting with a tool other than Excel is crucial. They also allow the user to interact with the data in ways that other methods cannot.

    • As the developer of M Chart I can speak to this a bit. If you have a data set that changes regularly it’s much easier to update that data within WP and have the chart wherever it’s used updated immediately.

      If you do this all within in Excel you end up generating your chart then exporting it to a PNG then uploading that to WP then inserting into your post. Kind of a pain in the neck.

      The user experience with a static image is also not as good, especially with a chart that has a lot of data points it’s nice to be able to mouseover a datapoint and see the exact value like you can get with a lot of these solutions.

      M Chart in it’s earlier life was developed out of a need for some journalists I worked with who wanted to start including data in their articles without having to do a lot of work to get the results into and out of WP.

  3. I was looking for this information around 2 weeks ago. In the end, I went with a straight coded solution instead of a plug-in. Looking at the options again, I feel like I should have instead tried some more plug-ins. Great write-up, thanks Tom!

  4. Oh, as a P.S.: I was trying out the Visualizer plug-in and it really didn’t work. I could import data but whenever I clicked “next”, my data was gone. It wasn’t a browser issue, I had the same problem with both Firefox as well as Chrome. I gave up at some point…

  5. Thanks a lot.

  6. Looking to rate my day from 1-5 everyday and see it on a line graph online. Which is the best option to be able to easily add the day’s rating and have it go on the graph?
    Thanks!!!!!!!!1

Join 351,380 Happy Customers And Get Access To Our Entire Collection Of 87 Beautiful Themes For The Price Of One

We offer a 30 Day Money Back Guarantee, so joining is risk-free!

Sign Up Today

Pin It on Pinterest

Share This