Description
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.
bChart Block | Live Demo | Support
Key Features – Free Version
- 9+ Premium Chart Types: Access advanced visualizations including Bar, Pie, Line, Scatter, Rader, Gauge, Heatmap, Candlestick, Funnel, Stacked, and Grouped Bar charts.
-
Custom Dimensions: Easily set the chart width and height for perfect layout integration.
-
Visual Customization:
- Pointer Styles: Choose from 10+ pointer styles (Circle, Cross, Star, Triangle, and more).
- Pointer Size: Customize pointer size and hover radius for better interactivity.
- Grid Controls: Set custom grid line colors and label colors to match your site’s theme.
-
Advanced Data Management:
- CSV & JSON Import: Effortlessly import large datasets directly from CSV or JSON files.
- Export Capability: Export your charts as high-resolution PNG images or download data in CSV/JSON formats.
- Manual data:Manual data entry and editing directly from the Gutenberg editor.
- Advanced Typography: Full control over Google Fonts, font weights, and responsive font sizes for titles, labels, and legends.
- Custom Currency Support: Add any currency symbol ($, €, £, etc.) and format data for global financial reporting.
- Specialized Scales: Custom color scales and diverging palettes for Heatmaps and multi-series charts.
-
Legend Options: Control legend position (Top, Left, Bottom, Right) and customize label colors.
- Shortcode Support: Use charts anywhere in your site using the easy-to-use shortcode generator.
- Responsive Design: All charts are fully responsive and work perfectly on all devices.
- Priority Support: Get direct access to our technical support team for fast troubleshooting and feature requests.
Pro Version – Unlock Premium
- Advanced Controls: Segments Separate, Donut & Semi-circle mode.
- Professional Styling: Toggle Legend, Grid & Axis for all charts.
- Enhanced Visuals: Customize Point Styles, Fill Area, and Curve Types.
- Download Button: Toggle show/hide for charts in the frontend UI.
- Animation Controls: Full control over chart animations and speed.
- Advanced Typography: Custom Google Fonts and multi-device sizing.
- Customization: Currency Symbols and Advanced Data Editor.
How To Use?
- Install and activate the bChart Block plugin.
- Open a post or page in the Gutenberg editor.
- Click the + icon and search for bChart.
- Add the bChart Block and configure your chart settings directly inside the editor.
OR
- Go to -> bChart from Dashboard menu -> Add New Chart.
- Configure the Chart according to your preference
- Copy the Generated shortcode from the chart edit screen and paste in shortcode block in the edit screen of a post or page.
- Enjoy creating beautiful interactive charts!!!!
⭐ Checkout our other WordPress Plugins
🔥 Html5 Audio Player – Best audio player plugin for WordPress.
🔥 Html5 Video Player – Best video player plugin for WordPress.
🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.
🔥 StreamCast – A fully-featured Radio Player Plugin for WordPress.
🔥 3D Viewer – Display interactive 3D models on the webs.
Screenshots
Bar Chart Preview 
Bar Chart Settings One 
Bar Chart Settings Two 
Bar Chart Settings Three 
Bar Chart Settings Four 
Pie Chart Preview 
Pie Chart Settings One 
Pie Chart Settings Two 
Line Chart Types: MultLine/Single 
Line Chart Settings One 
Line Chart Settings Two 
Line Chart Settings Three 
Scatter Chart Preview 
Scatter Chart Settings One 
Scatter Chart Settings Two 
Radar Chart Preview 
Radar Chart Settings One 
Radar Chart Settings Two 
Gauge Chart Types 
Gauge Chart Settings One 
Gauge Chart Settings Two 
Funnel Chart Types: Horizantal/ Vertical 
Funnel Chart Settings One 
Funnel Chart Settings Two 
Heatmap Chart Preview 
Heatmap Chart Settings One 
Heatmap Chart Settings Two 
Candlestick Chart Types: Candlestick/Hollow 
Candlestick Chart Types: HLC/OHLC 
Candlestick Chart Types: Heikin-Aswhi/Line 
Candlestick Chart Types: Area 
Candlestick Chart Settings One 
Candlestick Chart Settings Two
Blocks
This plugin provides 1 block.
- bChart Easily create and display interactive, responsive data charts with bChart.
Installation
This section describes how to install the plugin and get it working.
e.g.
- Upload
plugin-directoryto the/wp-content/plugins/directory - Activate the plugin through the ‘Plugins’ menu in WordPress
- Use shortcode in page, post or in widgets.
- If you want player in your theme php, Place
<?php echo do_shortcode('YOUR_SHORTCODE'); ?>in your templates
FAQ
-
Is bChart free to use?
-
Yes, bChart offers a powerful free version with essential chart types. We also have a Pro version with advanced styles and features.
-
Does it work with the Gutenberg block editor?
-
Absolutely! bChart is built specifically for the Gutenberg editor, allowing you to create and customize charts visually.
-
Are the charts responsive?
-
Yes, all charts generated by bChart are fully responsive and will adapt to any screen size, including mobile and tablets.
-
How do I add a chart to my page?
-
You can simply search for the “bChart” block in the Gutenberg editor or use the generated shortcode in any post or page.
Reviews
Contributors & Developers
“bChart – Interactive Data Charts” is open source software. The following people have contributed to this plugin.
Contributors
“bChart – Interactive Data Charts” has been translated into 2 locales. Thank you to the translators for their contributions.
Translate “bChart – Interactive Data Charts” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.2
- Added New 9 Premium bChart Styles
- Added ShortCode
- Added Admin Dashboard
1.0.1
- Added Pie Chart Option
- Improved Settings Panel
- More organized Options
- Added new Screenshots
- Fix mirror issues
1.0.0
- Initial Release