Joni Halabi

Important notice!
Due to a shift in my personal and professional priorities, I have decided to take a step back from development. As a result, this plugin is no longer being actively maintained. You are welcome to <a href="https://github.com/thatdevgirl/besan-block" rel="nofollow ugc">fork it</a> and create your own updates. If you do so, please credit me as the original author. (I would also love to hear about this plugin’s new life!)
All the best, Joni.
—
This WordPress plugin adds a responsive and accessible data chart block to the post editor. The chart feeds off of data from a publicly viewable Google sheet.

Besan Block

[Deprecated!] Add a responsive and accessible data chart block to posts and pages.

Abu Hayat

bPlugins

shehabulislam

srabonr

tomorbplugins

Create and display a Data Chart on your site within a few clicks. Easily visualize your data! bChart is a powerful and flexible chart plugin for WordPress that transforms your data into beautiful, interactive visualizations.
<a href="https://bplugins.com/products/b-chart/" rel="nofollow ugc">bChart Block</a> | <a href="https://bblockswp.com/demo/bar-chat-all-demo/" 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>How To Use?</h4>
<ul>
<li>Install and activate the bChart Block plugin.</li>
<li>Open a post or page in the Gutenberg editor.</li>
<li>Click the + icon and search for bChart.</li>
<li>Add the bChart Block and configure your chart settings directly inside the editor.</li>
</ul>
OR
<ul>
<li>Go to -> bChart from Dashboard menu -> Add New Chart.</li>
<li>Configure the Chart according to your preference</li>
<li>Copy the Generated shortcode from the chart edit screen and paste in shortcode block in the edit screen of a post or page.</li>
<li>Enjoy creating beautiful interactive charts!!!!</li>
</ul>
<h4>⭐ Checkout our other WordPress Plugins</h4>
🔥 <a href="https://audioplayerwp.com/" rel="nofollow ugc">Html5 Audio Player</a> – Best audio player plugin for WordPress.
🔥 <a href="https://wpvideoplayer.com/" rel="nofollow ugc">Html5 Video Player</a> – Best video player plugin for WordPress.
🔥 <a href="http://pdfposter.com/" rel="nofollow ugc">PDF Poster</a> – A fully-featured PDF Viewer Plugin for WordPress.
🔥 <a href="https://wordpress.org/plugins/streamcast" rel="ugc">StreamCast</a> – A fully-featured Radio Player Plugin for WordPress.
🔥 <a href="https://3d-viewer.bplugins.com/" rel="nofollow ugc">3D Viewer</a> – Display interactive 3D models on the webs.
<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>
<h3>Third-Party Libraries / bpl-tools</h3>
<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>

bChart – Interactive Data Charts

Create and display a Data Chart on your site within a few clicks. Easily visualize your data!

Besan Block vs bChart – Interactive Data Charts