Create polished, interactive charts directly in the WordPress block editor. Pro adds more layouts, more palettes, ready-made patterns and advanced styling to the free WordPress.org base plugin.
Important: Pro works as an add-on. First install the free Pop3D Charts – 2D/3D Data Visualizer plugin from WordPress.org, then upload and activate your purchased Pro ZIP. After that, you use one chart block in the editor.
There is no shortcode workflow and no separate chart dashboard. You insert the block, add data, choose a layout, adjust the look and publish.
+, search for Pop3D Charts – 2D/3D Data Visualizer and insert the block.The free WordPress.org plugin remains usable on its own. Pro extends it with the full layout set, more visual styles and ready-made starting points.
Pro unlocks the full chart catalogue, including arc, grouped, wave, horizontal, radial, bubble and surface charts.
Use all preset palettes, gradient ramps, custom palettes, layout-specific label controls and advanced appearance options.
Insert complete starter sections from Patterns → Interactive charts, then replace the sample data with your own.
Pro only, 3D: optional slim line along the bar tops (under Appearance). Available for straight, grouped, stacked and horizontal bar charts; grouped uses one line per series in that series’ bar color.
Simple split: Free includes three core layouts and five palettes. Pro adds seven more layouts, the full palette set, custom palette building and the full pattern library.
| Layout | Best for | View |
|---|---|---|
| Arc bars | Headline numbers, striking KPI sections | 3D only |
| Straight columns | Classic category comparisons | 2D / 3D |
| Grouped columns | Comparing several series per category | 2D / 3D |
| Stacked columns | Composition, totals and percentage stacks | 2D / 3D |
| Wave / line | Trends, series and annotated changes | 2D / 3D |
| Horizontal bars | Rankings and long labels | 2D / 3D |
| Radial | Goals, progress and completion rings | 2D / 3D |
| Pie / Donut | Shares of a whole | 2D / 3D |
| Bubble pack | Showing many items by relative size | 2D / 3D |
| Surface / 3D heatmap | Grids, height fields and dense matrix-style data | Always 3D |
The editor preview updates while you work. Change data, layout, palette, labels, axes, background, legend or visitor controls without leaving the post editor.
Type rows by hand, paste from Excel or Google Sheets, or import a file. The plugin looks for familiar column names and turns your data into chart rows automatically.
Easy template: Create one chart manually, then use Chart data → Export CSV. The exported file gives you the exact column names you can reuse for your own spreadsheet.
You do not need every column. For most charts, start with value, headline and optional text for the tooltip.
| Column | What it does | Use it for |
|---|---|---|
value | The number that drives the chart. | Required for most charts |
headline | The main label, such as a country, product, month or category. | All chart types |
unit | A unit shown next to the value, such as %, € or kWh. | Optional |
paragraph | Extra text shown in the tooltip. | Optional explanation |
smallPrint | A source note or footnote for the tooltip. | Optional source line |
color | A custom color for this row, for example #ff8800. | Highlighting single items |
groupKey | Groups rows into the same category or series. | Grouped, stacked and wave charts |
scatterX / scatterY | Places a row inside a grid. | Surface / 3D heatmap charts |
annotation / annotationDesc | Adds a short callout to a data point. | Wave charts |
value;unit;headline;paragraph;smallPrint 42;%;North;Sales region Q1;Report 2024 31;%;South;Sales region Q1;Report 2024
Add groupKey when rows belong together. For example, use the same groupKey for all values from one quarter, one product group or one line series.
value;unit;headline;groupKey 80;%;Product A;2024-Q1 65;%;Product B;2024-Q1 72;%;Product A;2024-Q2 58;%;Product B;2024-Q2
Add scatterX and scatterY to place each value in a grid. The value controls the height and color intensity.
value;headline;scatterX;scatterY 10;Low;0;0 20;Mid;1;0 15;Mid;0;1 28;High;1;1
The importer accepts simple variations in column names. For example, headline, title and label can all be used for the main label. paragraph, desc and description can all be used for tooltip text. Spaces, hyphens and letter case are handled flexibly.
Imports are designed for normal editorial and marketing charts. Very large files are limited to keep the browser responsive: roughly up to 1,000 rows, about 500 KB for pasted text and about 5 MB for Excel files.
Let visitors flip supported chart types between flat and spatial views.
Show the same numbers in a semantic table modal for clarity and accessibility.
Open charts fullscreen for presentations, teaching or closer inspection.
Optionally let visitors sort by value or label where the layout supports it.
Enable chart image downloads when you want visitors to reuse or save the view.
3D scenes initialise when they scroll into view, helping pages with several charts stay responsive.
Yes. Install the free WordPress.org plugin first. Pro extends it after activation.
No. You keep using the same chart block. Pro simply adds more layouts, patterns and design options.
No. Charts are created as native Gutenberg blocks.
Yes. Your data remains in the block and you can try different chart layouts from the sidebar.
Yes. The interface includes English, German, French and Spanish. Other languages fall back to English.
Free plugin (wordpress.org): Support tab on the plugin page.
Tip: If Pro options do not appear, make sure both plugins are active: the free base plugin and the Pro add-on.