Pop3D Charts – 2D/3D Data Visualizer
| 开发者 | clausernst |
|---|---|
| 更新时间 | 2026年6月17日 22:49 |
| 捐献地址: | 去捐款 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Pop3D Charts is a native WordPress chart block for creating interactive 2D and real WebGL 3D charts directly in the Gutenberg editor. Build responsive column charts, stacked charts, pie and donut charts, line/area charts, pyramid charts, and 3D stairs donut charts without shortcodes or an external chart dashboard.
The free plugin is made for visual data storytelling in WordPress: editorial articles, landing pages, reports, comparisons, survey results, educational content, KPI sections, and data-driven pages. Add the block, enter your values, paste spreadsheet data, or import CSV, JSON, XLSX, or XLS files. Then choose a chart layout, adjust the design in the sidebar, and publish an interactive chart that visitors can explore.
Unlike flat chart plugins or CSS-based 3D effects, Pop3D Charts renders its charts in a real WebGL scene using three.js. Where supported by the selected layout, visitors can switch between 2D and 3D views, rotate the chart, inspect the legend, open a semantic data table, and export the chart as a PNG.
Try the free version in WordPress Playground — no install required.
Free WordPress chart layouts included
- Straight column charts for classic category comparisons — optional leader-line annotations on individual bars.
- Stacked column charts for totals, grouped values, and composition — optional leader-line annotations on individual segments.
- Pie and donut charts for simple shares of a whole.
- Line / Area charts for trends, sequences, multi-series data, annotations, point labels, and optional area fills.
- Pyramid charts for ranked, proportional, or funnel-like comparisons.
- 3D stairs pie/donut charts where each segment rises to its own height and forms a stepped 3D ring.
- 2D and 3D chart views where supported by the selected layout.
- Interactive front-end controls with optional legend, sorting, fullscreen view, data table modal, and PNG export.
- Responsive chart sections for desktop, tablet, and mobile layouts.
- Five block patterns in the Interactive charts category — starter charts with sample data, titles, labels and an editorial card layout you can adapt.
- Native Gutenberg chart block for the WordPress Block Editor.
- Real WebGL rendering via three.js for 3D chart scenes.
- Chart layouts: straight columns, stacked columns, pie/donut, Line / Area, Pyramid, and 3D stairs pie/donut.
- Eleven built-in color palettes: Vivid, Ocean Sunset, Purple Raindrops, Spectrum, Magenta Dream, Twilight, Accessible, Material, Corporate, Monochrome, and Diverging.
- Per-row color overrides using hex color values.
- Live editor preview while editing data, labels, appearance, captions, and chart settings.
- Manual row editor for adding, editing, duplicating, reordering, and deleting chart rows.
- Flexible data input: enter rows manually, paste from a spreadsheet, or import JSON, CSV, XLSX, or XLS files — with smart table detection and column mapping for spreadsheet imports.
- Import your chart setup from the file: optional title, subtitle, source note, axis labels and units in CSV or JSON land straight in the block sidebar — pick a layout and you are often ready to publish.
- Chart data export as CSV or JSON, including titles and labels when set.
- Optional front-end controls such as legend, sorting, data table modal, fullscreen view, and PNG download where enabled and supported.
- Lazy loading for 3D scenes when charts scroll into view.
- Built-in translations for English, German, French, and Spanish.
- Block patterns under Interactive charts — five ready-made example charts (straight, stacked, pie/donut, line/area, pyramid) with titles, subtitles and sample data.
- Accessibility-minded output with labelled chart regions, semantic data tables, keyboard-friendly dialogs, accessible toolbar labels, and live regions for loading and tooltip states.
value— the number that drives the chart.headline— the main label, such as a product, country, month, or category.unit— an optional unit such as%,€,kWh, oritems.paragraph— optional tooltip text.smallPrint— an optional source note or footnote.color— an optional custom row color such as#ff8800.groupKey— useful for stacked chart groups and multi-series charts.colIndex/rowIndex— optional grid position (column and row index). Legacy header namesscatterX/scatterYare still accepted on import.columnLabel/rowLabel— optional category labels for grid rows and columns.
value;unit;headline;paragraph;smallPrint
42;%;North;Sales region Q1;Report 2024
31;%;South;Sales region Q1;Report 2024
Tip: create one chart manually, then export it as CSV from the block settings. The exported file gives you a practical template — complete with title, labels and units you can reuse in your own spreadsheet.
Built for visual data storytelling
Pop3D Charts is made for charts that feel like part of the page instead of external reports embedded into it. Use it when a standard flat chart feels too plain and you want a more visual, interactive, and slightly fancy way to present your data.
It works especially well for:
- editorial data stories
- annual reports
- landing page sections
- product and feature comparisons
- survey results
- educational content
- simple KPI and performance summaries
- interactive data sections in WordPress pages and posts
安装:
- Install Pop3D Charts – 2D/3D Data Visualizer from the WordPress Plugin Directory, or upload the plugin ZIP under Plugins → Add New → Upload Plugin.
- Activate the plugin.
- Open a post or page in the WordPress block editor.
- Click the + button and search for Pop3D Charts.
- Insert the chart block.
- Add rows manually, paste spreadsheet data, or import JSON, CSV, XLSX, or XLS data in the block sidebar.
- Choose a layout, adjust the appearance, configure optional visitor controls, and publish your page.
屏幕截图:
常见问题:
Is this a native Gutenberg chart block?
Yes. Pop3D Charts is built for the WordPress Block Editor. You insert one chart block, configure it in the sidebar, and save it as part of the post or page content.
Is this real WebGL 3D or just a CSS perspective effect?
It is real WebGL 3D. Pop3D Charts uses three.js to render charts in a full WebGL scene. You can rotate the camera freely, view charts from different angles, and switch between 2D and 3D where supported by the selected layout. This is different from plugins that simulate depth using CSS transforms or simple 3D-pie effects.
How many data rows are practical?
For most editorial use cases, up to around 1,000 rows work well. Spreadsheet paste is limited to approximately 500 KB; file imports accept up to around 5 MB for XLSX and XLS files. For charts displayed on a page, 10–50 rows typically produce the clearest visual result.
Is my chart data sent to your servers?
No. Chart data is stored as block attributes inside your post content in your own WordPress database. Imported spreadsheet files are parsed locally in the browser during the editor session and are not uploaded to any external server.
Does Pop3D Charts really render charts in 3D?
Yes. Pop3D Charts renders 3D chart scenes with three.js and WebGL. As far as we currently know, it is one of the few WordPress chart builders with real three.js/WebGL 3D rendering directly inside Gutenberg.
Is the free version only a demo?
No. The free version is a complete chart block with the layouts, palettes, import options, and display features listed above. It can be used on production websites within that feature set.
What chart layouts are included in the free version?
The free version includes straight columns, stacked columns, pie/donut charts, a 3D stairs pie/donut, Line / Area, and Pyramid.
Does the free version include 3D charts?
Yes. The free version includes 2D and 3D display options where supported by the selected chart layout. The 3D stairs pie/donut is 3D-only by design.
Does it use shortcodes?
No. Charts are created as native Gutenberg blocks. You insert the chart block, configure it in the sidebar, and save it as part of the post or page content.
Where is chart data stored?
Chart data is stored in the block attributes inside the post content, similar to other Gutenberg blocks. The plugin does not require a separate proprietary chart database table for your chart series.
Can I import spreadsheet data?
Yes. You can enter data manually, paste it from a spreadsheet, or import JSON, CSV, XLSX, or XLS files.
Can I import chart title and axis labels from my file?
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.
Which CSV columns should I use?
For most charts, start with value and headline. You can add unit, paragraph, smallPrint, color, and groupKey when you need units, tooltip text, sources, custom colors, or grouped data. Optional grid columns (colIndex, rowIndex, columnLabel, rowLabel) are recognized on import when your chart layout uses a data grid.
Can visitors view the chart data as a table?
Yes. You can enable a front-end data table modal so visitors can inspect the same numbers in a semantic HTML table.
Can visitors download charts?
You can enable PNG export in the block settings where supported.
Can I switch layouts after entering data?
Yes. Your data remains in the block, and you can try the included chart layouts from the sidebar.
Does Pop3D Charts include block patterns?
Yes. The free plugin registers five block patterns in the Interactive charts category. Open the block inserter (or the patterns library), pick a pattern, and you get a starter chart with sample data, chart title, subtitle, footnote and an editorial card layout — then replace the data with your own.
Is there a Pro version?
Yes. The Pro version is sold separately outside WordPress.org. It adds more chart layouts, more palettes, a custom palette builder, additional styling options, and chart patterns. Learn more about Pro: Pop3D Charts Pro
Is the Pro version required?
No. The free plugin works on its own. Pro is optional and adds advanced chart types, design options, and ready-made patterns for users who need more flexibility.
Do I use a different block for Pro?
No. Pro extends the same chart block after activation. You keep working inside the same Gutenberg block.
Does it work with any WordPress theme?
The plugin is built for the WordPress block editor and standard content areas. It should work with most modern block-compatible themes. If a theme applies very aggressive CSS to content elements, chart styling may be affected.
Does it work with page builders like Elementor, Divi, or WPBakery?
Pop3D Charts is built for the WordPress block editor. It may appear inside page-builder content where Gutenberg blocks are supported, but native editing is focused on Gutenberg.
Can I use it on multilingual websites?
Yes. The plugin includes translations for English, German, French, and Spanish. Other languages fall back to English.
更新日志:
The most recent releases are listed below. The complete version history is also kept in the bundled changelog.txt file.
1.12.0
- Bar chart annotations: leader-line callouts on straight and stacked column charts — same 45° style as Line / Area annotations, with adjustable line length and font size.
- Import examples and block patterns for straight and stacked bars include a sample annotation row.
- German, French, and Spanish translations updated.
- Chart area shape: ten fixed ratios (21:9 to 3:4) — pick the proportion that matches your page: widescreen hero, square inset, tall column, and more. Each chart layout remembers its own default.
- Fits your layout: the chart area keeps a predictable size from the first paint; the 3D view scales inside it. Charts sit cleanly in editorial grids and multi-chart pages without resize jumps on load.
- Removed the per-breakpoint “Diagram height” control (existing values migrate to the nearest preset on first edit). Fullscreen still fills the screen.
- German, French, and Spanish translations updated.
- Data tooltips: glass bubble with animated arrow — flips sides at the chart center and points toward the hovered bar or point.
- Capture mode (optional): on the front end, hover a chart in 3D view and press Shift+R to enter fullscreen with a slow camera orbit (title, legend and source note are hidden). Press Shift+R again or Esc to exit. Not available in the block editor or in 2D/flat view.
- Block patterns: five ready-made starter charts in the Interactive charts pattern category — each includes sample data, chart title, subtitle, footnote, axis labels and an editorial card layout you can adapt.
- Smarter import examples: the import dialog offers a layout-matched example dataset dropdown on the Paste tab, so you can try realistic sample data for the chart type you are building.
- Internal: the free core now communicates with add-ons only through neutral extension points (no functional references to add-on layout names in the free codebase).
- German, French, and Spanish translations updated for new editor strings.
- Much easier data import: put chart title, subtitle, source, axis labels and units in your CSV or JSON file — they land in the sidebar on import so you can pick a layout and publish with little manual setup.
- Smarter import: re-importing replaces the old chart completely; the value scale fits your numbers; units from the data apply to the axis automatically.
- Clearer grid imports: simpler column names and label-only spreadsheets for matrix charts (wide pivot tables with the Pro add-on).
- German, French, and Spanish translations updated.
- Chart data panel: layout-aware intro texts and clearer labels when editing grid-based data rows.
- Import: improved example data and column order for spreadsheet grid imports; success feedback after import.
- Camera panel: clearer note when a layout only supports zoom adjustment.
- German, French, and Spanish translations for the updated editor strings.
- Import column reference: optional
scatterX,scatterY,columnLabel, androwLabelfields with automatic header mapping. - Clearer labels in the import dialog for grid index and category columns.
- German, French, and Spanish translations for the updated import column descriptions.
- Column mapping panel can be opened after a successful auto-import (Adjust column mapping).
- Optional "multiply by 100" on the value column for decimal proportion data (e.g. 0.01 → 1 for percent labels).
- Smarter data import: finds the data table inside Excel/CSV files even when title blocks, sources, or notes appear above the table.
- Automatic column mapping for common header names (e.g. rate, age, category) plus numeric column detection when headers are unfamiliar.
- Optional manual column mapping in the import dialog when auto-detection is uncertain.
- Excel upload reads the sheet as a structured grid (sheet selection when a workbook has multiple sheets) instead of dumping the whole sheet as plain text.
- Clearer import preview: detected row count, mapping summary, and specific error hints.
- New free Pyramid chart layout: stacked trapezoid segments sized by your data values, with 2D and 3D view.
- Dedicated Pyramid section in the block sidebar: segment gap, segment opacity, inverted pyramid, labels inside segments (off, value + unit, headline, or value with leader-line callouts), auto-contrast text, and optional left/right annotations from each row's headline, paragraph, and small print.
- Legend, tooltips, and camera framing include pyramid labels and callouts so they stay visible when you rotate the chart.
- Readme: Line / Area added to the free feature overview on wordpress.org (no code changes).
- New free Line / Area chart layout (formerly in Pro as “Wave”): ribbon or line style, multi-series, optional area fill, point and floor labels, annotations, ruler, tooltips, and 2D/3D view — with German, French, and Spanish translations in the block editor and on the front end.
- Chart data import and row editing support
groupKey,annotation, andannotationDescfor Line / Area charts.
- Editor sidebar UX: new Import / Export tab (import dialog plus JSON/CSV row export); Chart Data tab is for editing rows only.
- Reordered block sidebar panels (axis and appearance before title; export and camera positions unchanged relative to legend).
- With Pop3D Charts Pro, the Animation tab now appears directly after Camera when that tab is shown.
- German, French, and Spanish translations for the Import / Export tab intro texts.
- Redesigned the chart data import dialog: clearer help, separate Paste and File tabs, live row count and data preview while you type or upload, a collapsible column reference with copy-header buttons, and a one-click sample dataset.
- Wider import dialog for easier editing; file upload explicitly supports JSON as well as CSV and Excel.
- Sample import data and placeholders now include the usual columns (including groupKey), with a six-row example across three groups.
- Updated German translations for the new import dialog.
- Hardened row links: when a chart is published, only valid http and https URLs are kept. Unsafe or invalid links (for example javascript: or data:) are removed.
- Links that open in a new tab now use noopener and noreferrer for safer browsing.
- New "Theme colors" palette: color the chart with your active theme's color palette. The editor preview and the published chart use the same colors in the same order. Themes that define no palette of their own fall back to the WordPress default palette.
- New optional link per data row: add a URL (and an "Open in new tab" switch) to any bar or pie/donut segment, so a click or tap on that element opens the link on the website. Dragging to rotate never triggers navigation, and links never open inside the block editor.
- Added an "Ignore custom bar colors" option under Data colors: switch to a color scheme without first clearing the individual colors set on each row. Your per-row colors stay saved and come back when you turn the option off.
- Fixed the color picker: after clicking "Use default" to reset a color, the picker now closes correctly when you click elsewhere in the sidebar.
- The diagram type picker has been redesigned for easier selection: chart types are now grouped under clear category headings (Bars & columns, Circular & proportions, Trends & relationships, Infographics), the icons are larger, and each chart's name is shown below its icon.
- Internal: the free core no longer carries the add-on (Pro) chart names; add-ons now supply their own layout names and category through the neutral extension point. No changes to how charts look or behave.
- Bar charts now cast a real shadow on the floor for added depth, and a new "Bar opacity" option lets you render the bars semi-transparent.
- Pie and donut charts now cast a soft shadow on the floor that gently fades toward the back.
- Pie and donut segments now have subtly rounded (beveled) edges, including the 3D stairs pie/donut.
- Internal: added a neutral extension point so add-ons can supply their own fit-point silhouette for precise, rotation-independent camera framing. No changes to how charts look or behave.
- Internal architecture cleanup: the free core no longer references the add-on (Pro) chart-layout names directly and now communicates with add-ons only through neutral extension points. No changes to how charts look or behave.
- Added an additional sidebar extension point so add-ons can register their own appearance options.
- Internal rendering refinements that add-ons can build on: optional soft, self-shadowing shadows and more precise, label-aware camera framing so labels are no longer clipped.
- Fixed selecting the chart block in the editor: clicking the chart now selects the block and opens its settings right away, instead of the sidebar only appearing after clicking the small controls icon.
- Charts now fade in smoothly when loading finishes instead of popping into view abruptly.
- Added internal extension points for add-ons: a post-initialization scene hook, neutral camera-control helpers, and support for add-on sidebar panels. These enable optional add-on features such as an intro camera animation.
- Data import errors are now shown directly in the import dialog with a clear message, instead of the import silently doing nothing when the data could not be read.
- Collapsed data rows now show their label and value at a glance, so long lists stay easy to scan without expanding every row.
- Diagram type buttons now use translated names for their tooltips and accessible labels.
- New "Fit axis to data" button in the Axis section sets the Y-axis minimum and maximum from your current values with a single click.
- Sidebar settings now appear only where they have an effect: the axis section adapts to the selected layout (value fields are no longer shown where they have no influence, and it is renamed to "Values & units" for layouts without an axis), label color pickers appear only when the matching labels are switched on, and sorting controls are hidden for layouts where reordering does not apply.
- Fixed a translation issue so the "Label A–Z" sort option now appears translated on German, Spanish, and French sites.
- The 3D stairs pie/donut now casts a soft shadow on the floor, and taller steps cast a subtle shadow onto lower neighboring segments, giving the chart more depth.
- Fixed the framing of the 3D stairs pie/donut so the chart stays visually centered. The camera now fits to the actual round, stepped shape instead of a surrounding box, removing the empty space around the corners and above shorter steps that previously made the chart look off-center — especially noticeable with tall steps.
- Added a configurable initial zoom for each chart in the Camera section of the block sidebar, so charts can start zoomed in a little closer or further out.
- The 2D/3D view toggle now animates back to this configured initial zoom, even if a visitor zoomed in or out beforehand.
- The 3D stairs pie/donut no longer shows the unused 2D/3D options in the editor (it is always shown in 3D); its initial zoom remains adjustable.
- Fixed the stair step height control for the 3D stairs pie/donut: changing the value now updates the step heights in the editor preview and on the front end (previously the setting was ignored).
- New free chart layout: 3D stairs pie/donut — each segment rises to its own height, forming a staircase ring that lies flat and is shown in 3D.
- Added a configurable step height for the stairs pie/donut in the block sidebar.
- Tuned the default 3D camera angle, orbit range, and responsive stage height so the new layout is framed cleanly in the editor and on the front end.
- First public release under the name Pop3D Charts – 2D/3D Data Visualizer.
- Includes three chart layouts: straight columns, stacked columns, and pie/donut charts.
- Adds 2D and 3D display options where supported by the selected chart layout.
- Supports manual data entry, spreadsheet paste, and import from CSV, JSON, XLSX, and XLS files.
- Includes five built-in color palettes, per-row color overrides, live editor preview, chart data export, and optional visitor controls.
- Adds accessibility-minded chart output, built-in translations, and bundled third-party libraries served from the local plugin files.
- Prepared the plugin for the WordPress.org free version.
- Updated the plugin name, description, and documentation for the Pop3D Charts release.
- Clarified which layouts, palettes, import options, and front-end features are included in the free plugin.
- Added clearer information about the optional Pro add-on.