Create polished, interactive charts directly in the WordPress block editor. Prepare one CSV or JSON with your values plus title, labels and units — import it, choose the right layout, and the sidebar is already filled in. Pro adds nine more layouts, ten extra palettes, ready-made patterns, trend bands and intro animation 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.
Pro requires Pop3D Charts (free) 1.12.0 or newer for Pro 1.12.0 (1.9.0+ for one-file import · 1.6.4+ for Line / Area).
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 nine additional layouts, ten extra palettes, custom palette building, advanced styling and ready-made starting points.
Pro unlocks arc, grouped, roadmap, horizontal, radial, bubble pack, 3D surface, funnel and KPI gauge charts. Line / Area and Pyramid are included in the free plugin.
Ten additional palettes plus a custom palette builder (up to 20 colors). Surface color ramps (thermal, ember, ocean, forest, berry, slate, earth). Surface shape (smooth landscape, flat steps, or block columns) and categorical X/Z tick labels for matrix-style data. Layout-specific label controls for grouped, arc, horizontal, radial and bubble pack charts. Roadmap appearance options: turns, separation and milestone annotations.
Insert complete starter sections from Patterns → Interactive charts, then replace the sample data with your own. Includes surface starters such as a large tidal-range grid (720 cells) and matrix-style business or survey data with categorical axis labels.
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.
Optional desktop intro: slow zoom and gentle rotate over about two seconds on first load. Respects prefers-reduced-motion; mobile stays unchanged. Controlled from a dedicated Animation tab in the sidebar (after Camera, when Camera is visible).
Simple split: Free (v1.12.0): straight, stacked, pie/donut, 3D stairs pie/donut, Line / Area, Pyramid — plus leader-line bar annotations on straight and stacked columns, 12 palettes (incl. Theme colors), one-file import, five block patterns, layout-matched import examples, per-row links, and all core editor/visitor features.
Pro (v1.12.0): 9 additional layouts (arc, grouped, roadmap, horizontal, radial, bubble pack, surface, funnel, KPI gauge) — with bar annotations on arc, grouped and horizontal bar charts — 10 extra palettes + custom palette builder, trend band, intro animation, surface color ramps, surface shape (smooth / flat / blocks) and categorical X/Z axis ticks, layout-specific labels, and eleven block patterns.
| Layout | Best for | View |
|---|---|---|
| Straight columns | Classic category comparisons | 2D / 3D |
| Stacked columns | Composition, totals and percentage stacks | 2D / 3D |
| Pie / Donut | Shares of a whole | 2D / 3D |
| Stairs pie / donut | Shares of a whole with an added height ranking per segment | 3D only |
| Line / Area | Trends, multi-series and annotated changes | 2D / 3D |
| Pyramid | Layered hierarchies, funnels and ranked segments | 2D / 3D |
| Layout | Best for | View |
|---|---|---|
| Arc bars | Headline numbers, striking KPI sections | 3D only |
| Grouped columns | Comparing several series per category | 2D / 3D |
| Roadmap | Serpentine timeline infographics, milestone annotations along the path | Infographic / 2D / 3D |
| Horizontal bars | Rankings and long labels | 2D / 3D |
| Radial | Goals, progress and completion rings | 2D / 3D |
| Bubble pack | Showing many items by relative size | 2D / 3D |
| Surface / 3D heatmap | Matrix and heatmap data — smooth landscape, stepped cells, or 3D block columns; numeric or text axis ticks. | Always 3D |
| Funnel | Sales and conversion funnels, step-down hierarchies — round hollow cone segments with adjustable wall thickness (distinct from the free square Pyramid chart) | 2D / 3D |
| KPI gauge | Single KPI, goal progress, landing-page metrics — 3D semicircular dial with traffic-light zones, needle and depth-layered labels | 2D / 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 that already includes title, description, source, axis names and units. Choose the chart type that fits — scales, tick labels and sidebar tabs are applied for you.
Easy template: Create one chart manually, then use Import / Export → Export CSV. The exported file gives you the exact column names you can reuse for your own spreadsheet.
Redesigned import dialog (v1.6.2): Separate Paste and File tabs, live preview, collapsible column reference and a one-click sample dataset.
One-file workflow (Free v1.9.0): Put chart title, subtitle, source, axis labels and units in the same CSV or JSON as your values — they appear in the sidebar on import. Export a finished chart to get a reusable template. Plain data-only files still work as before.
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 Line / Area charts |
link | Optional URL per row; opens on click. | All charts (Free v1.6.0) |
colIndex / rowIndex | Places a row inside a grid (column and row index). | Surface / 3D heatmap charts |
columnLabel | Category name for this grid column (X axis). | Surface charts with categorical X ticks |
rowLabel | Category name for this grid row (Z / depth axis). | Surface charts with categorical Z ticks |
annotation / annotationDesc | Adds a short callout to a data point. | Line / Area and Roadmap charts |
ChartTitle;Monthly Online Store Revenue 2025 ChartSubtitle;Net sales per month ChartFootnote;Source: Shop analytics 2025 (illustrative) AxisXLabel;Month AxisYLabel;Revenue value;unit;headline;paragraph;smallPrint 18400;€;January;Quiet month;Example 2025 21300;€;February;Valentine bump;Example 2025
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. Line / Area is included in the free plugin.
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 colIndex and rowIndex to place each value in a grid, or use columnLabel and rowLabel only (indices are derived on import). The value still controls height and color intensity. Category mode can be filled automatically on import or via Sync categories from cells.
value;unit;headline;colIndex;columnLabel;rowIndex;rowLabel 120;k€;Q1 Online;0;Online;0;Q1 2025 95;k€;Q1 Retail;1;Retail;0;Q1 2025 140;k€;Q2 Online;0;Online;1;Q2 2025 110;k€;Q2 Retail;1;Retail;1;Q2 2025
Use annotation and annotationDesc for milestones along the serpentine path. Roadmap is a Pro layout; it builds on the free Line / Area renderer internally.
value;headline;annotation;annotationDesc 1;Q1 Launch;Milestone;Product release 2;Q2 Growth;;User adoption phase 3;Q3 Scale;Target;International rollout
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.
Optional per-row URLs on bars, pie segments and other chart elements. Drag-to-rotate never triggers navigation.
3D scenes initialise when they scroll into view, helping pages with several charts stay responsive.
columnLabel and rowLabel columns for surface charts.Recent releases for the free Pop3D Charts plugin and the Pro add-on.
Pop3D Charts — Pro is an add-on for the free Pop3D Charts plugin and is delivered as a manual download.
columnLabel and rowLabel map category names to grid columns (X) and rows (Z). Import can auto-enable category mode when these columns are present; Sync categories from cells fills the lists from existing rows.Line / Area styles now live in the free plugin (moved in 1.4.1).
The wave layout was later renamed to Line / Area and moved to the free plugin in 1.4.1.
Yes. Install the free WordPress.org plugin first. Pro extends it after activation.
For Pro 1.12.0: Pop3D Charts (free) 1.12.0 or newer. Older free versions disable Pro features and show an admin notice.
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. Line / Area and Pyramid are available without Pro.
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.
Real WebGL. Charts are rendered in a full three.js WebGL scene. You can rotate the camera freely and switch between 2D and 3D at runtime. This is not a CSS perspective or 3D-pie effect.
No. Chart data is stored as block attributes inside your own WordPress database. Imported spreadsheet files are parsed locally in the browser and are never uploaded to an external server.
Yes. The plugin uses lazy loading and smart rendering so multiple charts on the same page initialise only when they scroll into view, keeping the page responsive.
Fullscreen depends on browser support. It works in most desktop and Android browsers. iOS Safari does not support the standard fullscreen API for embedded content, so the fullscreen button is not available there.
One WordPress installation. If you need Pro on additional sites, please get in touch at mail@clausernst.com.
Yes. Switch each floor axis to Category mode in the Axis panel, then supply labels from your data (columnLabel / rowLabel columns) or a comma-separated list. Use Sync categories from cells to fill the lists from existing rows.
Tip: If Pro options do not appear, make sure both plugins are active (free base plugin and Pro add-on) and that the free plugin is version 1.12.0 or newer for Pro 1.12.0 (1.6.4+ for Line / Area).