Abu Hayat

bPlugins

Charles Cormier

tomorbplugins

This plugin can represent tabular numeric data, functions or some kinds of quality structure and provides different info.
<a href="//bblockswp.com/demo/chart/)" rel="nofollow ugc">Live Demo</a> | <a href="https://bplugins.com/support/" rel="nofollow ugc">Support</a>
<h3>Key Features – Free Version</h3>
<ul>
<li>9+ Premium Chart Types: Access advanced visualizations including Bar, Pie, Line, Scatter, Rader, Gauge, Heatmap, Candlestick, Funnel, Stacked, and Grouped Bar charts.</li>
<li>
Custom Dimensions: Easily set the chart width and height for perfect layout integration.
</li>
<li>
Visual Customization:
<ul>
<li>Pointer Styles: Choose from 10+ pointer styles (Circle, Cross, Star, Triangle, and more).</li>
<li>Pointer Size: Customize pointer size and hover radius for better interactivity.</li>
<li>Grid Controls: Set custom grid line colors and label colors to match your site’s theme.</li>
</ul>
</li>
<li>
Advanced Data Management:
<ul>
<li>CSV & JSON Import: Effortlessly import large datasets directly from CSV or JSON files.</li>
<li>Export Capability: Export your charts as high-resolution PNG images or download data in CSV/JSON formats.</li>
<li>Manual data:Manual data entry and editing directly from the Gutenberg editor.</li>
<li>Advanced Typography: Full control over Google Fonts, font weights, and responsive font sizes for titles, labels, and legends.</li>
<li>Custom Currency Support: Add any currency symbol ($, €, £, etc.) and format data for global financial reporting.</li>
<li>Specialized Scales: Custom color scales and diverging palettes for Heatmaps and multi-series charts.</li>
</ul>
</li>
<li>
Legend Options: Control legend position (Top, Left, Bottom, Right) and customize label colors.
</li>
<li>Shortcode Support: Use charts anywhere in your site using the easy-to-use short code generator.</li>
<li>Responsive Design: All charts are fully responsive and work perfectly on all devices.</li>
<li>Priority Support: Get direct access to our technical support team for fast troubleshooting and feature requests.</li>
</ul>
<h3>Pro Version – Unlock Premium</h3>
<ul>
<li>Advanced Controls: Segments Separate, Donut & Semi-circle mode.</li>
<li>Professional Styling: Toggle Legend, Grid & Axis for all charts.</li>
<li>Enhanced Visuals: Customize Point Styles, Fill Area, and Curve Types.</li>
<li>Download Button: Toggle show/hide for charts in the frontend UI.</li>
<li>Animation Controls: Full control over chart animations and speed.</li>
<li>Advanced Typography: Custom Google Fonts and multi-device sizing.</li>
<li>Customization: Currency Symbols and Advanced Data Editor.</li>
</ul>
<h4>Features</h4>
<ul>
<li>Fully Customizable: All the options you need to arrange the showcase to your liking are available here.</li>
<li>Different Types: Chart block comes with different types, you can easily switch the type of chart.</li>
</ul>
<h4>How to use</h4>
<ul>
<li>First, install the Chart Block plugin</li>
<li>Add the Chart Block from the block category called “Widgets” in the Gutenberg editor.</li>
<li>You can change block settings from the right-side settings sidebar.</li>
<li>
Enjoy!
</li>
<li>
For Installation help click on Installation Tab
</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>Did you like this plugin? Dislike it? Do you have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></li>
</ul>
<h3>Check out the Parent Plugin of this plugin-</h3>
<a href="https://bblockswp.com" rel="nofollow ugc">B Blocks</a> – A blocks collection and page building tool for Gutenberg.
<h3>Check out our other WordPress Plugins-</h3>
<a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc">Html5 Video Player</a> – Display videos as single and playlist in multiple skins.
<a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc">PDF Poster</a> – Display/Embed PDF files with different styles.
<a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc">Html5 Audio Player</a> – Listen audios with awesome visuals.
<a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc">StreamCast</a> – Customizable radio player with different skins.
<a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc">3D Viewer</a> – Embed 3D models and 3D products with interaction.
<a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc">Advanced Post Block</a> – Show posts and custom posts in different layouts.
<h3>External Services</h3>
This plugin connects to the following external services from the admin dashboard:
<h4>bPlugins API</h4>
<ul>
<li>Service URL: <a href="https://api.bplugins.com" rel="nofollow ugc">https://api.bplugins.com</a></li>
<li>Purpose: The plugin’s admin dashboard fetches product comparison data and pricing information to display relevant upgrade options and feature details.</li>
<li>Data Sent: Only the plugin slug is transmitted; no personal or site data is collected.</li>
<li>Terms of Service: <a href="https://bplugins.com/terms-of-service/" rel="nofollow ugc">https://bplugins.com/terms-of-service/</a></li>
<li>Privacy Policy: <a href="https://bplugins.com/privacy-policy/" rel="nofollow ugc">https://bplugins.com/privacy-policy/</a></li>
</ul>
<h4>WordPress.org Plugins API</h4>
<ul>
<li>Service URL: <a href="https://api.wordpress.org/plugins/info/1.2/" rel="nofollow ugc">https://api.wordpress.org/plugins/info/1.2/</a></li>
<li>Purpose: The admin dashboard queries the official WordPress.org Plugins API to retrieve and display a curated list of other plugins by the same author (“Our Plugins” section).</li>
<li>Data Sent: Plugin slugs and author name; no personal or site data is collected.</li>
<li>Terms of Service: <a href="https://wordpress.org/about/tos/" rel="ugc">https://wordpress.org/about/tos/</a></li>
<li>Privacy Policy: <a href="https://wordpress.org/about/privacy/" rel="ugc">https://wordpress.org/about/privacy/</a></li>
</ul>
<h4>Third-Party Libraries / bpl tools</h4>
<ul>
<li>Source / GitHub: https://github.com/bPlugins/bpl-tools</li>
<li>License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html</li>
<li>Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls.</li>
<li>External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made</li>
</ul>

Chart Block – Visualize Data with Bar, Line, Pie Charts

UPDATE: Oct. 17, 2021: The new update addresses the Point sizes, and it made my weekend !!! I want to criticize it,but there is nothing I can find... well done !

This is probably my favorite chart plugin, I just wish we could resize the Points independently from the Border Width - we need a separate control for the Point sizes... Other than that, this is perfect.

This plugin is really good for small data sets, which will serve probably 99% of all cases, but because there are no data import functions, not ideal for large datasets...

Overall, a really impressive Gutenberg plugin !

Thanks,
Nick.

Freaking Awesome.

I'm pretty happy with how this block works, it solves a need I had. But it's annoying that it enqueues its JavaScript on every page on my site, instead of just the pages that include the block. Best practice for Blocks is to load assets on-demand rather than universally, so my site's PageSpeed score has gone down due to using this plugin.

Works well, but could be smarter


Great plugin that does exactly what is supposed to. No spam, just pure functionality. 


Very useful

Represent your data by symbols, such as bars, lines, or pie charts.

clausernst

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 <a href="https://playground.wordpress.net/?blueprint-url=https%3A%2F%2Fclausernst.com%2Fwp-content%2Fuploads%2F01-docs%2Ffree-charts-playground%2Fpop3d-charts-free-blueprint-editorial-cards-v9.json" rel="nofollow ugc">WordPress Playground</a> — no install required.
<h4>Free WordPress chart layouts included</h4>
<ul>
<li>Straight column charts for classic category comparisons — optional leader-line annotations on individual bars.</li>
<li>Stacked column charts for totals, grouped values, and composition — optional leader-line annotations on individual segments.</li>
<li>Pie and donut charts for simple shares of a whole.</li>
<li>Line / Area charts for trends, sequences, multi-series data, annotations, point labels, and optional area fills.</li>
<li>Pyramid charts for ranked, proportional, or funnel-like comparisons.</li>
<li>3D stairs pie/donut charts where each segment rises to its own height and forms a stepped 3D ring.</li>
<li>2D and 3D chart views where supported by the selected layout.</li>
<li>Interactive front-end controls with optional legend, sorting, fullscreen view, data table modal, and PNG export.</li>
<li>Responsive chart sections for desktop, tablet, and mobile layouts.</li>
<li>Five block patterns in the Interactive charts category — starter charts with sample data, titles, labels and an editorial card layout you can adapt.</li>
</ul>
<h4>Designed for the WordPress Block Editor</h4>
Everything important happens inside the block sidebar. You can edit rows, import data, switch chart layouts, change palettes, adjust labels, configure captions, and preview the result while you work.
There is no shortcode workflow and no separate proprietary chart database. Chart settings and chart data are stored as normal block attributes inside the post content.
<h4>Free version features</h4>
<ul>
<li>Native Gutenberg chart block for the WordPress Block Editor.</li>
<li>Real WebGL rendering via three.js for 3D chart scenes.</li>
<li>Chart layouts: straight columns, stacked columns, pie/donut, Line / Area, Pyramid, and 3D stairs pie/donut.</li>
<li>Eleven built-in color palettes: Vivid, Ocean Sunset, Purple Raindrops, Spectrum, Magenta Dream, Twilight, Accessible, Material, Corporate, Monochrome, and Diverging.</li>
<li>Per-row color overrides using hex color values.</li>
<li>Live editor preview while editing data, labels, appearance, captions, and chart settings.</li>
<li>Manual row editor for adding, editing, duplicating, reordering, and deleting chart rows.</li>
<li>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.</li>
<li>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.</li>
<li>Chart data export as CSV or JSON, including titles and labels when set.</li>
<li>Optional front-end controls such as legend, sorting, data table modal, fullscreen view, and PNG download where enabled and supported.</li>
<li>Lazy loading for 3D scenes when charts scroll into view.</li>
<li>Built-in translations for English, German, French, and Spanish.</li>
<li>Block patterns under Interactive charts — five ready-made example charts (straight, stacked, pie/donut, line/area, pyramid) with titles, subtitles and sample data.</li>
<li>Accessibility-minded output with labelled chart regions, semantic data tables, keyboard-friendly dialogs, accessible toolbar labels, and live regions for loading and tooltip states.</li>
</ul>
<h4>Bring your own chart data</h4>
Start with a few manual rows, paste values from Excel or Google Sheets, or import a prepared file. You can put chart title, description, source, axis names and units in the same file above the data table — on import they appear in the sidebar tabs so you rarely need to type them by hand. Pick the chart layout that fits your story; scales, tick labels and row links from the file are applied too. Re-importing always replaces the previous chart so nothing stale is left behind.
The importer finds the data table even when extra lines appear above it, maps common column names automatically, and lets you assign columns manually when needed.
For most charts, the most useful columns are:
<ul>
<li><code>value</code> — the number that drives the chart.</li>
<li><code>headline</code> — the main label, such as a product, country, month, or category.</li>
<li><code>unit</code> — an optional unit such as <code>%</code>, <code>€</code>, <code>kWh</code>, or <code>items</code>.</li>
<li><code>paragraph</code> — optional tooltip text.</li>
<li><code>smallPrint</code> — an optional source note or footnote.</li>
<li><code>color</code> — an optional custom row color such as <code>#ff8800</code>.</li>
<li><code>groupKey</code> — useful for stacked chart groups and multi-series charts.</li>
<li><code>colIndex</code> / <code>rowIndex</code> — optional grid position (column and row index). Legacy header names <code>scatterX</code> / <code>scatterY</code> are still accepted on import.</li>
<li><code>columnLabel</code> / <code>rowLabel</code> — optional category labels for grid rows and columns.</li>
</ul>
A simple CSV can look like this:
<pre><code>value;unit;headline;paragraph;smallPrint
42;%;North;Sales region Q1;Report 2024
31;%;South;Sales region Q1;Report 2024
</code></pre>
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.
<h4>Built for visual data storytelling</h4>
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:
<ul>
<li>editorial data stories</li>
<li>annual reports</li>
<li>landing page sections</li>
<li>product and feature comparisons</li>
<li>survey results</li>
<li>educational content</li>
<li>simple KPI and performance summaries</li>
<li>interactive data sections in WordPress pages and posts</li>
</ul>
<h4>Optional Pro add-on</h4>
The free plugin is fully usable on its own. An optional Pro add-on is available separately outside the WordPress.org directory and extends the same Gutenberg chart block with additional layouts, palettes, styling options, and ready-made chart patterns.
The free version includes straight columns, stacked columns, pie/donut, line/area, pyramid, and 3D stairs pie/donut charts, plus import/export, built-in palettes, 2D/3D views where supported, and optional front-end controls.
Pro is only needed if you want more advanced chart layouts, extra design options, and ready-made chart patterns.
Learn more about Pro: <a href="https://clausernst.com/en/pop3d-charts-wordpress-plugin/" rel="nofollow ugc">Pop3D Charts Pro</a>
For free plugin support, please use the Support tab on this plugin page. Commercial support for the Pro version is handled through the vendor support channel.
<h3>Credits</h3>
Attributions required under Apache License 2.0 for bundled components are listed in the root file NOTICE; the full Apache-2.0 license text is in licenses/APACHE-2.0.txt.
Third-party libraries and assets are bundled with this plugin and served from your site. Runtime dependencies such as Three.js are not loaded from external CDNs.
<ul>
<li>three.js — 3D rendering (MIT License). https://threejs.org/</li>
<li>three.js examples (OrbitControls, RoundedBoxGeometry, Reflector, CSS2DRenderer) — Same license as three.js (MIT), included alongside the vendor build.</li>
<li>SheetJS Community build (<code>xlsx</code>) — Parsing <code>.xlsx</code> / <code>.xls</code> files in the block editor for import (Apache License 2.0). https://sheetjs.com/</li>
<li>Troika 3D text (<code>troika-three-text</code> and sibling modules under <code>vendor/troika</code>) — Rendering text in WebGL scenes (Troika: MIT License). The file <code>vendor/troika/troika-three-text.esm.js</code> embeds components whose upstream licenses are called out at the top of that bundle: Typr.ts (MIT), fflate (MIT), woff2otf WOFF unpacking (Apache-2.0), and unicode-font-resolver client (MIT). https://github.com/protectwise/troika</li>
<li>Barlow Semi Condensed (Bold and Light <code>.ttf</code> under <code>assets/</code>) — Typography in 3D labels (SIL Open Font License 1.1). https://fonts.google.com/specimen/Barlow+Semi+Condensed</li>
</ul>
The plugin does not transmit imported spreadsheet files to your server as uploads; parsing runs in the editor in the visitor’s browser. Chart settings and data live in normal block attributes in post content.

Pop3D Charts – 2D/3D Data Visualizer

Real WebGL 3D bar chart, pie chart and data visualization block for WordPress. Import one CSV or JSON — title, labels and values fill the sidebar.

Chart Block – Visualize Data with Bar, Line, Pie Charts vs Pop3D Charts – 2D/3D Data Visualizer