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!

Varun Katyal

Make interactive pie charts using chart.js library using:
1) Simple short code
2) Elementor Widget Pie Chart
Shortcode Example-
1) [piechart id = ’23’ data = ‘20,40,30’ label = ‘apple,orange,grapes’ type = ‘polarArea’]
2) [piechart id = ’24’ data = ‘20,40,30,60’ label = ‘apple,orange,grapes,cherry’ type = ‘pie’]
3) [piechart id = ’25’ data = ‘20,40,30,60’ label = ‘apple,orange,grapes,cherry’ type = ‘doughnut’]
Features

<pre><code> * 100% Responsive and interactive
* Use anywhere in post and pages.
* Write or Create simple short code.
 * Elementor Widget for live editing of charts
 * Using Open source chart.js Javascript Library
 * For multiple charts on same page, use unique id/chart id
 * Canvas based charts</li>
 * Shortcode requires 4 parameters. 1) id 2) data 3) label 4) type
 * "type" paratmeter can be either 1) pie 2) doughnut 3) polarArea
</code></pre>

Pie and Donut charts

Make interactive pie charts using chart.js library using:

bChart – Interactive Data Charts vs Pie and Donut charts