Pop3D Charts Pro — WordPress Chart Plugin for Gutenberg
Build interactive WordPress charts
with the full Pro toolkit
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, ready-made templates and advanced styling on top of the free WordPress.org plugin.
Free v1.10.0 · Pro v1.10.0
€59 · One-time payment · Lifetime use
For 1 website · 12 months updates & support
Instant download · 14-day money-back guarantee
Try the free WordPress.org version of Pop3D Charts in Playground — no signup, no install.
One dataset, many layouts – pick the chart style that fits your message
Reuse the same data across Straight, Stacked, Line / Area, Pyramid, Pie / Donut, Stairs Pie / Donut, Funnel, KPI gauge, Arc, Grouped, Roadmap, Horizontal, Radial, Bubble Pack and Surface layouts. Most views support both 2D and 3D, so you can move from clean comparison charts to more cinematic presentations without rebuilding your content.
- Line/Area + Arc
- Pyramid + Stairs Pie
- Roadmap + Gauge + Funnel
- Radial + Donut/Pie
- Bubble + Surface
- Grouped + Stacked
- Horizontal + Straight
Line / Area chart
Highlights trends and changes over time clearly.
Arc chart
Creates dramatic curved bars for more striking comparisons.
Pyramid chart
Layered hierarchies, funnels and ranked segments — included in the free plugin.
Stairs pie / donut chart
Shares of a whole with an added 3D height ranking per segment — included in the free plugin, 3D only.
Roadmap chart
Serpentine timeline for milestones, launches and project phases — Pro layout with milestone annotations from import.
Funnel chart
Round 3D conversion funnel with hollow cone segments, wall thickness and optional annotations.
KPI gauge
3D semicircular progress dial with traffic-light zones, inner scale, needle and depth-layered centre labels.
Radial chart
Presents data in a compact and highly visual circular layout.
Donut / Pie chart
Communicates proportions quickly and clearly.
Bubble chart
Shows relative magnitude in a simple visual format. Clickable row links (Free) open URLs without triggering drag-to-rotate.
Surface / Heatmap layout
Displays matrix-style data in a spatial 3D view — Surface shape (smooth / flat / blocks) and categorical X/Z axis labels for text ticks on the floor axes.
Grouped chart
Compares multiple data series side by side in one view.
Stacked chart
Shows totals and composition together at a glance.
Horizontal layout
Improves readability for longer labels.
Straight chart
Keeps category comparisons clean, simple, and easy to read.
Use cases
Built for data-rich WordPress pages
Use interactive charts wherever static screenshots, plain tables or standard bar charts are not enough
Landing pages
Show metrics, comparisons and proof points as visual selling sections
Reports and dashboards
Publish KPIs, trends and grouped values directly in WordPress
Product storytelling
Explain features, survey results and market insights with visual context
Education and explainers
Make complex topics easier to explore with tooltips and data tables
Editorial data stories
Add interactive charts to articles, research summaries, long-form pages and visual explanations
Feature overview
Everything for interactive WordPress charts
A native Gutenberg chart block with live editor preview, real WebGL rendering on the front end and 15 flexible layouts for 2D and 3D data storytelling. Prepare one CSV or JSON with title, labels, units and values — import fills the sidebar so you can pick a layout and publish.
True WebGL 3D
Live WYSIWYG editing
One block, 15 layouts
Elegant front-end interaction
One-file import
◈
Native Gutenberg workflow
Import data, switch layouts, edit rows and preview the result directly inside the WordPress Block Editor
▦
15 interactive chart layouts
Create bars, Line / Area charts, pyramids, funnels, KPI gauges, roadmaps, radial charts, bubbles, donuts and 3D surface views for comparisons, trends, shares and spatial data
↥
Flexible data workflows
Import one prepared CSV or JSON with title, subtitle, source, axis labels, units and values — the sidebar tabs fill in on import. Also: paste spreadsheet rows, manual editing, JSON/CSV export.
✦
Style the presentation
Control colors, labels, backgrounds, rulers, legends, axes, annotations, palettes and responsive chart heights
◎
Interactive frontend
Give visitors tooltips, sorting, 2D and 3D switching, optional PNG download and fullscreen in browsers that support it
☷
Accessible data layer
Keep visual charts readable with semantic data tables, ARIA-friendly controls and keyboard-friendly navigation paths
⟳
Intro animation Pro
Desktop charts can open with a smooth zoom-and-rotate intro. Respects prefers-reduced-motion for accessible defaults
≈
Trend band Pro
Overlay a trend line above 3D bar charts — straight, grouped, stacked and horizontal layouts — to highlight direction without extra data rows
Free
Complete chart block. Free forever.
Available on WordPress.org
✓ 6 chart layouts: straight, stacked, pie/donut, stairs pie/donut, Line / Area, Pyramid
✓ 2D and 3D views — real WebGL / three.js
✓ 12 color palettes (incl. Theme colors) + per-row overrides
✓ CSV / JSON / XLSX / XLS import + export
✓ One-file import: title, labels, units and data from CSV/JSON (v1.9.0)
✓ Legend, sorting, data table, fullscreen, PNG
✓ Translations: EN, DE, FR, ES
Free
Pro
Everything in Free, plus the full toolkit.
One-time purchase · 14-day money-back guarantee
✓ +9 layouts: arc, grouped, roadmap, horizontal, radial, bubble pack, surface, funnel, KPI gauge
✓ 10 extra palettes + custom builder (≈22 total)
✓ Custom palette builder
✓ Intro animation (desktop)
✓ Trend band overlay (3D bar charts)
✓ Surface shape: smooth, flat steps or 3D blocks
✓ Categorical X/Z axis labels for surface charts
✓ Import fills Pro layouts too (surface & roadmap axes)
✓ Advanced styling per layout
✓ 11 ready-made block patterns
€59
incl. VAT · one-time purchase
Chart types
Choose the right chart for the story
Use different chart layouts for comparisons, trends, shares, groups, proportions, spatial data and visual storytelling
▦
Comparison charts
Use Straight, Arc and Horizontal charts to make category comparisons clear, readable and visually stronger
≋
Trend charts
Use Line / Area charts for changes over time, seasonal movement, performance curves and annotated developments
▥
Grouped data
Use Grouped and Stacked charts to compare multiple series, totals, compositions and category breakdowns
◔
Share and proportion charts
Use Donut, Pie, Radial and KPI gauge charts when the main story is share, composition, goal progress or a single metric at a glance
●
Magnitude charts
Use Bubble charts to communicate relative size, impact, scale or magnitude without relying on classic axes
▧
Surface and heatmap charts
Use Surface charts for matrix-style datasets and heatmaps — Surface shape (smooth / flat / blocks) and categorical X/Z axis labels for text ticks on the floor axes
Simple Gutenberg workflow
From data to interactive charts in no time
Build, style and publish interactive charts directly inside the WordPress Block Editor
01
Install & activate
Install Pop3D Charts (free) from WordPress.org — Free v1.10.0 + Pro v1.10.0 (Pro requires Free ≥ 1.10.0). Upload the Pro ZIP, activate both and insert the chart block in Gutenberg
02
Import or add data
Import one CSV/JSON with title, labels and values via One-file import — or paste from Excel, pick a layout-matched import example (Free v1.10.0), or insert a block pattern
03
Style the presentation
Adjust colors, labels, axes, annotations, legends, rulers and responsive chart heights
04
Publish interactive charts
Give visitors tooltips, fullscreen mode, 2D/3D views, data tables and PNG export options
Templates included
11 ready-made block patterns
Start from a matching chart block, replace the sample data and adjust the design directly inside Gutenberg
Arc Chart Template
Straight Chart Template
Grouped Chart Template
Stacked Chart Template
Line / Area Chart Template
Horizontal Chart Template
Radial Chart Template
Donut Pie Template
Bubble Chart Template
Surface Chart Template
KPI Gauge Template
No need to start from a blank chart – every template is an editable Gutenberg block.
Data import
Prepare your file once — the editor fills itself.
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.
Ways to add data
- Enter rows manually in the block sidebar
- Paste spreadsheet rows from Excel or Google Sheets
- Import CSV, JSON, XLSX or XLS files
Ways to export
- Export chart rows as CSV or JSON — including title, labels and unit when set
- Export the current chart view as PNG
- Optionally let visitors download a PNG on the live site
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.
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.
Most used columns
Start with value and headline. Add unit, groupKey, link, columnLabel / rowLabel and annotation when your layout needs them.
value · headline · unit
Core fields for most chart layouts
groupKey · link
Series grouping and clickable row URLs
columnLabel · rowLabel
Surface charts with categorical X/Z ticks
A simple CSV example
ChartTitle;Monthly Online Store Revenue 2025
ChartSubtitle;Net sales per month
ChartFootnote;Source: Shop analytics 2025 (illustrative)
AxisXLabel;Month
AxisYLabel;Revenue
value;unit;headline
18400;€;January
21300;€;FebruaryFull column reference and layout-specific examples: Read the docs
Setup & Trust
Works with your WordPress setup
Built for native Gutenberg workflows with responsive output, flexible imports, readable data views and practical frontend controls
Compatibility
✓
WordPress 6.7+
✓
PHP 7.4+
✓
Native Gutenberg block
✓
Spectra, Kadence and GenerateBlocks
✓
EN, DE, FR and ES translations
✓
Requires free plugin ≥ 1.6.4
✓
One-file import needs Free ≥ 1.9.0
✓
Free v1.10.0 · Pro v1.10.0
✓
Tested up to WP 7.0
Performance
✓
Responsive output
✓
Lazy loading
✓
Smart rendering for multiple charts
✓
Touch-friendly controls
Data & Accessibility
✓
CSV, JSON, XLSX and XLS import
✓
JSON and CSV export
✓
Semantic data table
✓
ARIA-friendly controls
✓
Keyboard-friendly paths
✓
Optional PNG export
✓
Data stays on your server
✓
One-file import (title + labels)
✓
Clickable row links
Pre-purchase FAQ
Yes. The plugin is built for the WordPress Block Editor and works as a native Gutenberg chart block. You create, edit and preview charts directly inside Gutenberg without shortcodes or external embeds.
Yes. Install the free WordPress.org plugin first. Pro extends it after activation.
Pop3D Charts (free) 1.6.4 or newer for basic Pro compatibility. Pro 1.10.0 requires Free 1.10.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. 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.
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.
Yes. The plugin is designed for Gutenberg-based workflows and works well alongside block-editor tools such as Spectra, Kadence Blocks and GenerateBlocks.
Not as a native builder widget. The plugin is made for the WordPress Block Editor. Page builders that replace the Block Editor, such as Elementor, Divi or WPBakery, are currently not supported as native editing environments.
You can import CSV, JSON, XLSX and XLS files. You can also paste tabular data from tools such as Excel or Google Sheets, or enter chart data manually inside the editor.
Yes. Put title, subtitle, source, axis names and units in the same CSV or JSON file above your data table. On import they fill the block sidebar so you can choose a layout and publish with less manual typing. Export an existing chart to see the exact format. Requires Pop3D Charts (free) v1.9.0 for the One-file import workflow.
Pop3D Charts (free) v1.9.0 or newer for the one-file import workflow. Pro 1.10.0 requires Free v1.10.0 or newer. Pro 1.6.4+ still covers Line / Area; pair Pro 1.10.0 with Free 1.10.0 for block patterns, layout-matched import examples, funnel and KPI gauge charts and the Pro pattern library.
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. Surface shape (smooth / flat / blocks) is independent of the tick mode.
Yes. Chart data can be exported as JSON or CSV in the editor. Depending on your settings, visitors can also download chart visuals as PNG from the frontend.
Yes. The plugin is designed for pages with multiple charts, using lazy loading and smart rendering to help keep the experience smooth.
Yes. Charts support responsive heights for desktop, tablet and mobile layouts. Supported chart interactions are designed to work with touch-friendly controls and gestures.
Fullscreen mode depends on browser support. Some browsers and platforms, including iOS Safari, do not support the standard fullscreen behavior for this use case.
Yes. You can enable an optional semantic data table so visitors can inspect the underlying chart values in a readable format.
Yes. Pro includes 11 ready-made block patterns for Pro layouts. Insert a pattern, replace the sample data and adjust the design inside Gutenberg.
Yes. The plugin supports interactive 2D and 3D chart views where supported by the selected chart type and content goal.
One Pro license is valid for one website. The plugin can be used permanently on that site, including 12 months of updates and support.
No. The plugin is sold as a one-time purchase for €59.
Yes. You can try the plugin with a 14-day money-back guarantee.
Ready to build better charts
Create interactive 2D and 3D charts in WordPress
Use a native Gutenberg block to publish responsive, interactive charts for landing pages, reports, dashboards and data-rich content
€59 · One-time payment · Lifetime use
For 1 website · 12 months updates & support
Instant download · 14-day money-back guarantee
WP 7.0
PHP 7.4+
Gutenberg native
14-day guarantee
Version history
Changelog — Pop3D Charts
Recent releases for the free Pop3D Charts plugin and the Pro add-on. Pro is delivered as a manual download.
Pop3D Charts (free) 1.10.0
- Block patterns: five ready-made starter charts in the Interactive charts category — sample data, titles, labels and an editorial card layout.
- Smarter import examples: layout-matched example dataset dropdown in the import dialog Paste tab.
- Internal: free core communicates with add-ons only through neutral extension points.
- German, French, and Spanish translations updated for new editor strings.
Pop3D Charts Pro
1.10.0
- New KPI gauge layout: 3D semicircular progress dial with traffic-light zones, depth-layered scale, needle and center value.
- Gauge appearance panel in the block sidebar (min/max, target, sweep, zones, needle, value display, depth spread).
- New block pattern: KPI goal achievement starter.
- Layout-matched import example for the gauge chart type.
- German, French, and Spanish translations updated for gauge editor strings and pattern metadata.
- Requires Pop3D Charts (free) 1.10.0 or newer (unchanged).
1.9.0
- New Funnel layout: round 3D conversion funnel with hollow cone segments, adjustable wall thickness and segment gap, optional slice labels and side annotations — visually distinct from the free square Pyramid chart.
- Funnel appearance panel in the block sidebar (gap, wall thickness, slice label mode, annotations).
- New block pattern: funnel chart starter for sales conversion (seven stages).
- Layout-matched import example for the funnel chart type.
- German, French, and Spanish translations updated for funnel editor strings and pattern metadata.
- Requires Pop3D Charts (free) 1.10.0 or newer (unchanged).
1.8.0
- Renewed pattern library: nine Pro block patterns with chart titles, subtitles, footnotes, links and the same editorial card layout as the free patterns.
- Layout-matched import examples for all seven Pro chart types via the shared import-example registry.
- Requires Pop3D Charts (free) 1.10.0 or newer.
Pop3D Charts (free) 1.9.0
- Much easier import: one CSV or JSON can carry title, description, source, axis labels, units and values — the sidebar tabs fill in on import so you pick a layout and are often ready to publish.
- Smarter import: re-import replaces the whole chart; scales fit your numbers; units from the data apply automatically.
- Clearer grid and matrix imports; example chart files include ready-made title and label lines.
- German, French, and Spanish translations updated.
Pop3D Charts Pro
1.7.0
- Import fills Pro layouts too: surface and roadmap charts pick up axis labels from the file; re-import clears old grid settings.
- Requires Pop3D Charts (free) 1.9.0 or newer for the one-file import workflow.
1.6.0
- Surface editor UX overhaul: axis overview diagram, Y/X/Z grouped axis panel with category status lines, and clearer tick-mode help.
- Import workflow: surface example CSV, post-import notice, and layout-switch hint when switching to an empty surface chart.
- Appearance: color ramp → surface shape workflow hint, cell color hidden for surface, editable legend Low/High labels.
- Requires Pop3D Charts (free) 1.6.4 or newer (unchanged).
1.5.0
- Surface chart upgrade: choose Surface shape — Smooth (interpolated landscape), Flat (stepped cells), or Blocks (separate 3D columns per grid cell).
- Categorical X/Z axis ticks: switch each floor axis between numeric tick values and category labels (text from your data or a comma-separated list in the Axis panel).
- New
columnLabelandrowLabelfields map category names to grid columns (X) and rows (Z). Sync categories from cells fills the lists from existing rows. - Additional surface starter patterns in the pattern library (including large grid examples with categorical or numeric axes).
- Requires Pop3D Charts (free) 1.6.4 or newer (unchanged).
1.4.1
- Line / Area chart layout moved to Pop3D Charts (free). Pro no longer registers a duplicate layout or icon.
- Requires Pop3D Charts (free) 1.6.4 or newer for Line / Area and shared wave attributes.
1.4.0
- The “Wave” layout is now named “Line / Area”, reflecting that it can be drawn as a line, an area, or thick 3D bands.
- Chart layouts now appear under category headings in the redesigned diagram type picker (each layout supplies its own name and category).
- Requires Pop3D Charts (free) 1.5.0 or newer.
1.3.0
- New “Roadmap” chart layout: a serpentine timeline band that winds from back to front, with each value rising from the ground and milestone annotations along the path — an infographic-style timeline without a ruler.
- Requires Pop3D Charts (free) 1.4.2 or newer.
1.2.2
- The radial, bubble pack, and 3D surface layouts now cast a real soft shadow on the floor that gently fades toward the back, matching the Line / Area layout.
- The “Bar opacity” option now also applies to the Pro bar layouts (arc, grouped, horizontal) and the radial value rings.
- Requires Pop3D Charts (free) 1.4.2 or newer.
1.2.1
- Updated the add-on integration to match the free plugin’s internal extension-point refactor: Pro now registers its chart layouts through the new neutral layout descriptors. Requires Pop3D Charts (free) 1.4.1 or newer. No visible changes.
1.2.0
- New Line / Area style option in the Appearance tab: choose between the classic line/curve and the new “Thick 3D bands” style (now the default). Thick 3D bands feature a subtle vertical gradient, a soft bevel, an adjustable band thickness and transparency, more depth spacing between bands, and soft self-shadowing that gently fades out toward the back of the chart.
- Requires Pop3D Charts (free) 1.4.0 or newer.
Line / Area styles now live in the free plugin (moved in 1.4.1).
1.1.0
- New “Animation” section in the block sidebar with an optional intro animation: on desktop the chart slowly zooms and gently rotates into its target position over about two seconds on first load. Mobile stays unchanged, and the animation respects the visitor’s reduced-motion setting.
- Requires Pop3D Charts (free) 1.3.1 or newer: the intro animation builds on new extension points added in the free plugin.
1.0.1
- Tidied up the block sidebar for Pro layouts: the Sorting section is now hidden for the Line / Area and 3D surface layouts, where reordering rows would break the data arrangement.
- The Axis section is now hidden for the Bubble pack layout, which has no axis (its earlier axis fields had no effect there).
- Pro now correctly enforces its dependency on the free Pop3D Charts plugin: it requires the free plugin (version 1.3.0 or newer) to be active and shows a clear admin notice instead of loading with a mismatched version.
1.0.0
- First release of the Pop3D Charts — Pro add-on.
- Adds 7 chart layouts: arc, grouped, wave, horizontal, radial, bubble pack, and 3D surface/heatmap.
- Adds additional color palettes and a custom palette builder.
- Adds the trend band overlay and advanced per-layout styling options.
The wave layout was later renamed to Line / Area and moved to the free plugin in 1.4.1.
