Some links on this page are affiliate links: if you buy through them we may earn a commission, at no extra cost to you.
The simplest no-code route is to build a data table, create a chart from that table with a WordPress chart plugin such as wpDataTables, preview it, and insert the saved chart into your post or page. Choose a static image instead when the figure never needs updating; use a coded JavaScript chart when you need full control over behavior and appearance.
Choose the right chart approach first
Decide whether the graphic is a one-time illustration or a live view of data that changes. A static image is usually simpler for a fixed report or editorial graphic. An interactive chart linked to a table is more useful when readers need tooltips, filtering, or refreshed values. A custom JavaScript implementation gives developers the most control, but it requires coding and theme-specific integration; the steps below do not present an unverified, theme-independent Chart.js procedure.
| Need | Suitable route | Important consideration |
|---|---|---|
| One fixed, noninteractive figure | Static chart image | Simple to publish, but values and labels must be edited by replacing the image. |
| Interactive chart tied to WordPress data | Chart/table plugin | Check supported data sources, chart engines, licensing, mobile behavior, and refresh rules. |
| Highly customized behavior or design | Custom JavaScript | Requires development, testing, maintenance, and integration with your theme. |
This article uses the documented wpDataTables workflow as a concrete example. It is one option, not a claim that every feature is available in its free edition or that it is the best choice for every site.
Do these 3 things before closing this tab:
1Fix the driver behind crashes, sound loss and screen glitches2Clear out junk files and repair common Windows errors3Scan for outdated or missing drivers - takes under a minutePrepare data for a bar chart
Start with a clean table before opening the chart builder. Put the category or label in one column and each measure in its own numeric column. For example:
| Quarter | Orders | Returns |
|---|---|---|
| Q1 | 420 | 18 |
| Q2 | 510 | 21 |
| Q3 | 475 | 16 |
- Use clear, unique headers and consistent units.
- Keep numbers numeric rather than mixing symbols, notes, and text in the same cells.
- Remove totals, blank rows, and explanatory notes unless they are intentionally part of the chart.
- Select only the rows and columns that the chart needs.
- Check the selected chart type’s required number and type of columns; the wizard flags incompatible selections.
wpDataTables documents sources including Excel, CSV, JSON, XML, APIs, serialized PHP arrays, databases, and tables created in the WordPress admin. Availability depends on the edition, integration, and configuration. See the feature overview for the documented source and engine options.
Install a WordPress chart plugin
If wpDataTables is the route you choose, the WordPress.org listing documents two installation methods:
- In the WordPress dashboard, open Plugins > Add New, search for “wpDataTables,” and install it.
- Alternatively, download the plugin ZIP and use Plugins > Add New > Upload Plugin to upload it.
- Activate the plugin, then open its chart or table tools. Menu names can change between releases, so follow the labels shown in your installed version.
The directory listing describes the plugin’s documented capabilities; it is not an independent performance or usability test.
How do I create a bar chart in WordPress without coding?
In wpDataTables, the chart wizard follows this sequence. Exact labels can vary with the selected rendering engine and plugin version.
- Open the chart creation wizard. Enter a chart name so you can identify it later.
- Choose a rendering engine. The current vendor documentation lists Google Charts, Highcharts, Chart.js, and ApexCharts. Available chart types differ by engine.
- Choose the chart type. For category comparisons, select the appropriate bar or column variant. A horizontal bar chart and a vertical column chart are different orientations, so confirm the exact type label rather than relying on a screenshot.
- Select the source table. Choose the table that contains your prepared categories and measures.
- Set the data range. Select the required columns and rows. Include the label column and one or more numeric series, and remove unrelated fields.
- Review the preview. Check that labels and series are not swapped, that no unintended rows appear, and that number formatting and legends are readable.
- Save the chart. The saved chart can then be inserted into the target content.
The vendor’s step-by-step chart-wizard guide covers engine and type selection, source-table and range selection, preview, saving, and insertion.
Can I create a chart from a CSV or spreadsheet?
Yes, a plugin can use a supported file or other data source, subject to the edition and configuration you have. Import or connect the file, verify that the resulting WordPress table has one clear category column and numeric series, then use that table as the chart source. Do not assume that every format, API connector, or database option is included in a free plan; confirm the capability in the current documentation and your license.
Rank #4
Linked-file refresh and page speed
The feature overview says linked-file tables read their source on each page load and warns that large tables can slow pages. That is a design caveat, not a quantified speed result. For a large or frequently visited chart, consider caching or a database/server-side approach where suitable, then measure performance on your own site. The overview notes an exception for MySQL-based tables using server-side processing.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
How do I embed a chart in a WordPress post?
- Save the chart in the plugin’s chart manager.
- Edit the destination post or page.
- Insert the plugin’s Gutenberg block, or paste the chart shortcode supplied by the plugin.
- If you use the WordPress editor or a supported page builder, choose its corresponding integration and select the saved chart.
- Publish or update the page, then preview it using the actual theme.
The WordPress.org listing documents Gutenberg, shortcode, the WordPress editor, and supported page-builder integrations. Availability and exact controls can depend on the installed edition and integration.
Check desktop and mobile presentation
- Test the published page, not only the editor preview.
- Resize to a narrow screen and confirm that labels, legend text, and tooltips remain usable.
- Use titles, units, and direct labels so the meaning does not depend on color alone.
- Check that the surrounding text explains the data and date range.
- Verify that updates to the source table actually appear when expected, taking any cache into account.
Accessibility behavior can vary by chart engine, theme, and configuration; test the combination you publish rather than assuming one universal result.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Which WordPress chart plugin should you use?
Start with the job rather than a brand name. When evaluating wpDataTables or another plugin, compare these points:
- Coding: Can the required chart be created in the editor, or will you need JavaScript and theme changes?
- Data sources: Does it accept your CSV, spreadsheet, API, or database, and how does it refresh?
- Chart behavior: Are the bar, column, stacked, line, and other types you need available in the selected engine?
- Publishing: Does it fit Gutenberg, your page builder, and your shortcode workflow?
- Accessibility and mobile: Can users read labels and understand the chart on small screens and without color as the only cue?
- Performance: Will the expected data volume and refresh method fit your hosting setup?
- Licensing and support: Is the plan suitable for commercial use, and what happens at renewal?
The reviewed material documents wpDataTables in detail but does not establish a current, independent comparison that would justify ranking competing plugins. Treat named alternatives as candidates to evaluate against your own requirements.
Quick wins for a faster PC:
Clear out junk files and repair common Windows errorsFree Scan →Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Free versus paid features
The vendor describes Lite and paid licenses, subscription and lifetime options, and different feature sets. Plans and prices can change, and renewal terms matter. Read the current license information before purchasing; keep the basic route visible if you only need a simple table and chart.
Quick Recap
Final pre-publish checklist
- The category labels and numeric values match the source data.
- The chart orientation and series names are correct.
- The selected rows exclude accidental headers, totals, and blank records.
- The title states the measure, unit, and relevant period.
- The chart is legible in the current theme on desktop and mobile.
- Readers can understand the result without relying on color alone.
- The source refresh and caching behavior are understood.
- The page has been checked after publishing, not just inside the editor.
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
