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

clausernst

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.

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. 


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

Top alternatives