Do you want to add bars and charts to your WordPress site? Visual aids such as graphs, bars, pie charts, and others are an excellent way to incorporate data into your content in a visually appealing manner. In this article, we’ll show you how to use the Visualizer WordPress Charts and Graphs plugin to create bars and charts in WordPress.
The Issue with WordPress Bars and Charts There are numerous WordPress plugins available to add bars, charts, and graphs to your content. However, the most common complaint we’ve heard from our users is that these plugins are often difficult to use.
Some of these plugins even expect users to enter data into shortcodes in extremely complex formats.
Many users end up creating charts in their office applications and converting them to images instead of using those plugins.
This may work if you intend to never change it. An image, on the other hand, is no substitute for an interactive chart, in which useful data appears when the user moves their mouse over a specific section.
A perfect charts and graphs solution would enable you to:
Insert data from a data source on your computer or the internet.
Make use of your data to populate charts, pies, graphs, and bars.
Create visually appealing, interactive, colourful, and mobile-friendly charts.
Above all, it should allow you to update the data whenever you want.
Having said that, let’s take a look at how the Visualizer WordPress Charts and Graphs plugin can help you accomplish all of this.
Using Visualizer to Create Bars and Charts in WordPress
The first step is to install and activate the Visualizer WordPress Charts and Graphs plugin. See our step-by-step guide on how to install a WordPress plugin for more information.
While the free version does almost everything, they also have Visualizer Charts and Graphs Pro, which adds additional features to the plugin such as directly adding data using a spreadsheet-like interface and importing data from other charts.
A single site licence with one year of professional support and updates costs $79 USD.
Please keep in mind that this tutorial is for the free version of the plugin.
After activation, navigate to the Media » Visualizer Library page. This is where all of your charts and graphs will be displayed.
To create your first chart, click the Add New button.
This will open a popup window on the screen. With the plugin, you will be able to select from a variety of chart types. To proceed, simply select the chart type you want to add and click the next button.
The next step is to import your CSV data source. If you saved your data as a spreadsheet in Excel, Google Sheets, or another programme, you can easily export it as a CSV file.
You can save or download your CSV file to your computer before uploading it by clicking the ‘From computer’ button.
The first row of your CSV file must contain column names, and the second row must contain data type. The following data types are supported by the plugin: string, number, boolean, date, time date, and time of day.
Using a Google Drive Spreadsheet to Add a Chart to WordPress
You can add your chart data to your chart without exporting it if you have it saved as a spreadsheet on Google Drive.
Open your data file in Google Spreadsheets, then select File » Publish to the web.
This will open a popup where you can choose how you want to publish the document. Choose Comma Separated Values (.csv) from the dropdown menu.
Remember to click the ‘Publish’ button.
You will now see your sheet’s publicly accessible URL as a CSV file. You must copy this URL and return to the Visualizer chart.
Click the From Web button and then enter the URL of the csv file from your Google spreadsheet.
When you enter the URL, the plugin will retrieve your CSV file and display a live preview of your chart.
You can now save your chart by clicking the create chart button.
Including a Graph or Chart in WordPress Posts/Pages
It’s just as easy to add a chart or graph to your WordPress posts and pages as it is to add images.
Create a new post / page or edit an existing one to include the chart. Click the Add Media button above the post editor on the edit screen.
The WordPress media upload popup will appear as a result of this. You must first select the visualisations tab from the left column. It will bring up all of the charts you’ve created and saved on this site.
Click the insert icon to the right of your chart. The popup will close, and your chart will be added as a shortcode to your WordPress post.
You can now save your WordPress post or page and go to your website to see the chart embedded in your post.
Editing Your WordPress Visualizer Charts You can edit and change your charts at any time. Simply navigate to the Media » Visualizer Library page. You can then clone a chart, delete it, or change its visual settings.
Visualizer makes it simple to update data for an existing chart without changing the chart itself.
If you imported data from a Google spreadsheet, all you need to do is update the data in your spreadsheet and then go to File » Publish to the web to republish it. Your changes will be reflected in your chart automatically.
If you uploaded a CSV file, however, you must update the CSV file on your computer. After that, select the chart you want to update and click the edit link to the right of the chart.
Simply upload your new CSV file in the Upload CSV file section. Changes to the data will be reflected automatically in posts or pages where you have inserted that chart.
WP affiliate theme
liposuction in nyc
antiques auctions bidvaluable valuers