How to Create Bars and Charts in WordPress with Visualizer

Creating bars, graphs, and pie charts on your WordPress site can improve your content by making data more accessible. It helps you present information in a way that is visually appealing and easy for users to understand.

The good news is you don’t need any technical experience to do this. You can use a plugin like Visualizer. We have tested this tool ourselves, and we loved how straightforward it made the process.

With Visualizer, you can create stunning, custom bars and charts, easily pulling data from a variety of sources. This way, you can improve your content and the overall user experience.

In this article, we will show you how to create bars and charts in WordPress with Visualizer.

The Problem With Bars and Charts in WordPress

There are many plugins to add bars, charts, and graphs to your content. However, the most common complaint we have heard from our users is that these plugins are usually too complicated to use.

Some of these plugins even expect users to add data inside a shortcode in extremely complicated formats.

Instead of using those plugins, many users end up creating charts in their office applications and converting them into an image for their WordPress websites.

This could work if you plan to never change it. However, an image is no substitute for an interactive chart in which helpful data appears when the user clicks over a particular section.

An ideal charts and graph solution would allow you to:

• Add data from a data source on your computer or the web.
• Populate charts, pies, graphs, and bars using your data.
• Create beautiful, interactive, colorful, and mobile-friendly charts.
• Most importantly, it should let you update the data whenever you want.

Adding a chart with the Visualizer will help you increase user engagement and even make your data easy to understand.

Having said that, let’s see how to easily add bars and charts to your WordPress site.

How to Create Bars and Charts in WordPress with Visualizer

You can easily create bars and charts with WordPress using the Visualizer plugin. It is the best WordPress data visualization plugin on the market that lets you create interactive data visualizations for your site.

It even has a free plan that you can use to create bars and charts.

First, you need to install and activate the Visualizer: Tables and Charts Manager for WordPress plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, you must visit the Visualizer » Add New Chart page from the WordPress dashboard.

Once there, choose the type of chart you want to create, such as a table, pie, line, or bar chart. Then, click the ‘Next’ button.

This will take you to the next step, where you must click the ‘Choose File’ button to import your Excel spreadsheet data from the computer.

If you have saved your Excel or Google spreadsheet as a CSV file, then you can import it by expanding the ‘Import data from URL’ tab.

Once you have done that, click the ‘Import from CSV’ button. Then, you can enter your CSV file URL to embed the file.

Keep in mind that your CSV file must have column names in the first row and data types in the second row. The plugin supports the following data types: string, number, boolean, date, time, and time of day.

Please take a look at this example file we have created in Google Sheets.

If you are creating a CSV file using a text editor, then take a look at this example CSV file:

Daily Activities,Time
string,numbers
Work,8
Sleep,7
Eat,3
Watch TV,2
Commute,1


However, if you have your chart data saved as a spreadsheet on Google Drive, then you can add it to your chart without exporting it.

First, open your data file in Google Spreadsheets and then click on the File » Share » Publish to the web link.

This will bring up a popup where you must choose how to publish this document.

Simply select the Comma Separated Values (.csv) option from the dropdown menu and click on the ‘Publish’ button.

You will now see the publicly available URL of your sheet as a CSV file. Here, copy this URL and go back to the Visualizer chart.

You will have to add this URL in the ‘Import from CSV’ field.

When you enter the URL, the plugin will fetch your CSV file and show a live preview of your chart.

Now, you can switch to the ‘Settings’ tab from the top to configure the general settings like font styles, number format, size and placement, size settings, and so much more.

Once you are done, click the ‘Create’ button at the bottom of the prompt.

Adding a Chart or Graph in WordPress Posts/Pages

Adding a chart or graph to your WordPress posts and pages is as simple as adding images.

First, open a new or old page/post where you want to add the pie chart. Once you are there, click the ‘Add Block’ (+) button at the top left corner of the screen.

This will open the block menu from where you have to find and add the Visualizer Chart block.

Once you do that, click the ‘Display an Existing Chart’ button in the block itself.

This will open a new prompt in the block where you have to select the pie chart that you just created.

Finally, click the ‘Publish’ or Update’ button to store your settings.

Now, you can visit your WordPress site to view the pie chart in action.

Editing Your Visualizer Charts in WordPress

You can edit and change your charts anytime. Simply visit the Visualizer » Chart Library page from the WordPress dashboard.

From there, you can clone a chart, delete it, or edit its visual settings using the icons under the chart name.

Updating data for an existing chart without changing the chart is also quite easy with Visualizer.

If you added data from a Google spreadsheet, then you need only update the data in your spreadsheet, go to the File » Share » Publish to the web option, and republish your spreadsheet.

Your changes will automatically be reflected in your chart.

On the other hand, if you uploaded a CSV file, then you need to update the CSV file on your computer. Once done, select the chart that you want to update and click on the edit link below the chart.

In the ‘Import CSV file’ section, simply upload your new CSV file. Changes in the data will automatically reflect in posts or pages where you have inserted that chart.

Bonus: Create a Company Org Chart in WordPress

If you have a small business site, you can also add a company org chart in WordPress. This chart will show how your company is structured, from the CEO to the different teams and individual employees within each team.

An org chart helps potential customers learn more about your business and makes it easier for teams to communicate with each other.

To create a chart, just install and activate the Organization Chart plugin. For details, see our tutorial on how to install a WordPress plugin.

Upon activation, visit the Wpdevart Chart » Charts page and click the ‘Add New’ button. This will take you to a new screen where you can add a name for the chart.

After that, add the image and title for the CEO of your company in the element on the screen. Then, click the arrow icon.

This will add another element where you can add a title and image for the person who comes after the CEO. Then, click the element again to view the multiple arrow icons in different directions.

Doing this will help you create a company structure with multiple branches or teams.

Once you are done, just click the ‘Save’ button to store your settings.

Now open the page where you want to add the Org chart and add the ‘WpDevArt organization chart’ block. Then, select the chart you created from the dropdown menu within the block itself.

Finally, click the ‘Publish’ or ‘Update’ button to store your settings. For more information, see our tutorial on how to create your company Org chart in WordPress.

We hope that this article helped you add bars and charts to your WordPress site. You may also want to see our beginner’s guide on how to customize colors on your WordPress website and our expert picks for the best WordPress fun plugins you are missing out on.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.