The easiest no-code route is to create a data table, turn it into a chart with a WordPress plugin such as wpDataTables, preview the result, and insert the saved chart into your post or page. Use a static image instead when the figure is fixed and does not need interaction or automatic updates.
Choose the right chart approach first
Decide whether your data will change and whether visitors need to hover, filter, or inspect values.
| Need | Suitable approach | Trade-off |
|---|---|---|
| One fixed, noninteractive figure | Static chart image | Simple to publish, but changes require replacing the image and the data is not interactive. |
| Interactive chart linked to a table | WordPress chart plugin | Supports updates and interaction, but adds plugin configuration and performance considerations. |
| Highly customized behavior or design | Custom JavaScript | Maximum control, but requires development and theme-specific integration. |
This guide documents a no-code workflow with wpDataTables. Its exact engines, chart types, imports, and publishing integrations depend on the edition and configuration, so confirm current documentation before choosing a plan.
Prepare data for a bar chart
Start with a clean table containing one category column and one or more numeric series. For example:
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 minute| Quarter | Revenue | Orders |
|---|---|---|
| Q1 | 24000 | 310 |
| Q2 | 27500 | 355 |
| Q3 | 26300 | 342 |
- Use unambiguous headers and consistent units.
- Keep labels in one column and numbers in separate columns.
- Remove totals, notes, and blank rows unless they belong in the visualization.
- Select only the rows and columns needed by the chart.
- Check the selected engine’s required number and type of columns.
wpDataTables documents sources including Excel, CSV, JSON, XML, APIs, serialized PHP arrays, databases, and tables created in the WordPress admin. Availability can vary by edition, integration, and configuration; see the feature overview.
Install wpDataTables in WordPress
- In WordPress, open Plugins > Add New.
- Search for wpDataTables, select the WordPress.org listing, and choose Install Now, then Activate.
- If you received a ZIP from the vendor, use Plugins > Add New > Upload Plugin, upload the ZIP, install it, and activate it.
Menu labels can change between WordPress and plugin releases. The directory documents both installation routes at wordpress.org/plugins/wpdatatables/.
How do I create a graph in WordPress without coding?
1. Open the chart wizard
Open the plugin’s chart-creation wizard, give the chart a name, and choose a rendering engine. Current documentation lists Google Charts, Highcharts, Chart.js, and ApexCharts. Available chart types differ by engine.
2. Select a bar or column type
Choose the variant that matches your labels and reading direction. A horizontal bar chart and a vertical column chart are different types, even though both compare categories. The WordPress.org listing documents Google Bar Chart and Google Stacked Bar Chart among its available types; confirm the exact label shown by your selected engine.
3. Choose the source table
Select the table that contains your data, then assign the category column and numeric series. The wizard indicates when the number or data type of selected columns is invalid for the chart type.
4. Set the data range
Choose the rows and columns to plot. Exclude administrative notes or unrelated series, and verify that the first column supplies readable category labels.
5. Preview and format
Use the preview to catch swapped labels and series, unintended rows, missing values, and unreadable number formats. Adjust titles, legends, colors, axes, and other options exposed by the chosen engine.
6. Save the chart
Save the completed chart so WordPress can reference it when you publish the page. The vendor’s step-by-step wizard guide is at wpdatatables.com/documentation/create-charts-wizard/.
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?
Insert the saved chart using whichever publishing method your setup supports:
Rank #4
- The wpDataTables Gutenberg block in the block editor.
- The chart’s shortcode in a Shortcode block or the classic editor.
- A supported page-builder integration.
- The relevant WordPress editor integration documented by the plugin.
Publish or preview the page, then inspect it in the actual theme at desktop and narrow mobile widths. Confirm that the chart has a clear title, labels remain legible, values are understandable without relying only on color, and surrounding text explains units and date ranges.
Can I make a chart from a CSV or spreadsheet?
Yes, wpDataTables documents Excel and CSV imports, along with JSON, XML, API, serialized PHP-array, and database-related sources. Import the file into a table first, check that categories are text and measures are numeric, and then use that table as the chart source. Do not assume every source or import option is included in the free edition.
Keep charts current without slowing the site
If a chart uses a linked file, the feature documentation says the table can read that source on each page load. Large files may therefore affect page speed. The same documentation notes an exception for MySQL-based tables using server-side processing.
Recommended Free Tools
- Prefer a database/server-side approach for large or frequently queried datasets where it fits your setup.
- Use suitable page or object caching and confirm that updates appear when expected.
- Measure the published page with your own data, theme, and hosting rather than relying on a promised speed figure.
- After changing the source, reload the chart and verify labels, ranges, and totals.
Which WordPress chart plugin should you use?
There is no universally best plugin from the documented evidence. Compare candidates against your own requirements:
- Coding: no-code wizard, shortcode/block use, or developer implementation.
- Data sources: manual tables, CSV/spreadsheets, APIs, or databases.
- Refresh behavior: manual updates, file reads, scheduled imports, or server-side queries.
- Visualization: required bar variants, other chart types, filtering, and interaction.
- Publishing: Gutenberg and your chosen page builder.
- Quality: mobile layout, keyboard and screen-reader behavior, labels, and color contrast in your theme.
- Operations: performance at your expected data volume, support, maintenance, and commercial licensing.
Developers can also build a custom JavaScript chart when plugin controls are insufficient, but the exact integration depends on the theme and implementation. Treat that as a coding project rather than a plug-and-play WordPress procedure.
Free versus paid wpDataTables features
The vendor describes Lite and paid licenses, including subscription and lifetime options. Import, database, and integration capabilities can differ by license, and prices and renewal terms may change. Review the current license comparison and renewal information before purchase. Keep the free route visible if it meets your data-source and chart requirements.
Quick Recap
Bar-chart publishing checklist
- Categories and numeric series are correctly typed.
- The chart type matches the intended horizontal or vertical reading direction.
- Only relevant rows and columns are plotted.
- Titles, units, legends, and number formats are clear.
- The chart is inserted with a block, shortcode, or supported builder method.
- Desktop and mobile previews are readable in the live theme.
- Meaning does not depend on color alone.
- Linked data refreshes as intended and page performance has been measured.
- License limits and renewal terms have been checked before buying.
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.
