Title: bChart &#8211; Interactive Data Charts
Author: bPlugins
Published: <strong>November 3, 2021</strong>
Last modified: May 11, 2026

---

Search plugins

![](https://ps.w.org/b-chart/assets/banner-772x250.png?rev=3528308)

![](https://ps.w.org/b-chart/assets/icon-128x128.png?rev=2623953)

# bChart – Interactive Data Charts

 By [bPlugins](https://profiles.wordpress.org/bplugins/)

[Download](https://downloads.wordpress.org/plugin/b-chart.1.0.2.zip)

 * [Details](https://wordpress.org/plugins/b-chart/#description)
 * [Reviews](https://wordpress.org/plugins/b-chart/#reviews)
 *  [Installation](https://wordpress.org/plugins/b-chart/#installation)
 * [Development](https://wordpress.org/plugins/b-chart/#developers)

 [Support](https://wordpress.org/support/plugin/b-chart/)

## 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](https://bplugins.com/products/b-chart/) | [Live Demo](https://bblockswp.com/demo/bar-chat-all-demo/)
| [Support](https://bplugins.com/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](https://audioplayerwp.com/)** – Best audio player plugin
for WordPress.

🔥 **[Html5 Video Player](https://wpvideoplayer.com/)** – Best video player plugin
for WordPress.

🔥 **[PDF Poster](http://pdfposter.com/)** – A fully-featured PDF Viewer Plugin 
for WordPress.

🔥 **[StreamCast](https://wordpress.org/plugins/streamcast)** – A fully-featured
Radio Player Plugin for WordPress.

🔥 **[3D Viewer](https://3d-viewer.bplugins.com/)** – 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.

 1. Upload `plugin-directory` to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Use shortcode in page, post or in widgets.
 4. 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

![](https://secure.gravatar.com/avatar/716098fe11091d49724b89ab64a7df9a09efe31182556cf1e33839cfd857f10a?
s=60&d=retro&r=g)

### 󠀁[“Pro” OneDrive function does not work/no documentation](https://wordpress.org/support/topic/pro-onedrive-function-does-not-work-no-documentation/)󠁿

 [mrteasdale1](https://profiles.wordpress.org/mrteasdale1/) November 16, 2021

Paid for the pro version only for the OneDrive capability. No documentation included
with the plugin, no instructions on what the Redirect URI is for the plugin so pretty
much worthless to me at the moment. No replies from any of the “support” email contacts
and gmail contact gets generic response that the user is “On Vacation”. Quite frustrated.

![](https://secure.gravatar.com/avatar/1c943263969caa1f34632b62e4d732d57b9c039a0864288a4085dac1c5380482?
s=60&d=retro&r=g)

### 󠀁[very easy to use](https://wordpress.org/support/topic/very-easy-to-use-627/)󠁿

 [parbone5](https://profiles.wordpress.org/parbone5/) November 5, 2021 1 reply

im japanese. I have tried many plug lines and this is the easiest to use if it is
free. It also supports animation and provides a rich display without any hassle.
However, it is very disappointing that it does not display a simple pie chart. You
have to use a donut graph instead. Also, you cannot change the color of the donut
graph as you wish. However, I have not found a plug-in that is easier to use for
data visualization than this one, and I will continue to use it.

![](https://secure.gravatar.com/avatar/f3af5e110055780380fd201b2a24de5632023c1c9aebd3432f59b46344c6bad6?
s=60&d=retro&r=g)

### 󠀁[Support multiple data set](https://wordpress.org/support/topic/support-multiple-data-set/)󠁿

 [jannatunferdouse2](https://profiles.wordpress.org/jannatunferdouse2/) November
5, 2021

This plugin support multiple data set and color which enabled me to represent data
properly. Best plugin for data visualization

 [ Read all 3 reviews ](https://wordpress.org/support/plugin/b-chart/reviews/)

## Contributors & Developers

“bChart – Interactive Data Charts” is open source software. The following people
have contributed to this plugin.

Contributors

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ shehabulislam ](https://profiles.wordpress.org/shehabulislam/)
 *   [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
 *   [ tomorbplugins ](https://profiles.wordpress.org/tomorbplugins/)

“bChart – Interactive Data Charts” has been translated into 2 locales. Thank you
to [the translators](https://translate.wordpress.org/projects/wp-plugins/b-chart/contributors)
for their contributions.

[Translate “bChart – Interactive Data Charts” into your language.](https://translate.wordpress.org/projects/wp-plugins/b-chart)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/b-chart/), check out
the [SVN repository](https://plugins.svn.wordpress.org/b-chart/), or subscribe to
the [development log](https://plugins.trac.wordpress.org/log/b-chart/) by [RSS](https://plugins.trac.wordpress.org/log/b-chart/?limit=100&mode=stop_on_copy&format=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

## Meta

 *  Version **1.0.2**
 *  Last updated **1 week ago**
 *  Active installations **70+**
 *  WordPress version ** 6.5 or higher **
 *  Tested up to **6.9.4**
 *  PHP version ** 7.1 or higher **
 *  Languages
 * [Chinese (China)](https://cn.wordpress.org/plugins/b-chart/), [English (US)](https://wordpress.org/plugins/b-chart/),
   and [Russian](https://ru.wordpress.org/plugins/b-chart/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/b-chart)
 * Tags
 * [block](https://wordpress.org/plugins/tags/block/)[chart](https://wordpress.org/plugins/tags/chart/)
   [chart.js](https://wordpress.org/plugins/tags/chart-js/)[data visualization](https://wordpress.org/plugins/tags/data-visualization/)
   [graph](https://wordpress.org/plugins/tags/graph/)
 *  [Advanced View](https://wordpress.org/plugins/b-chart/advanced/)

## Ratings

 3.7 out of 5 stars.

 *  [  2 5-star reviews     ](https://wordpress.org/support/plugin/b-chart/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/b-chart/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/b-chart/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/b-chart/reviews/?filter=2)
 *  [  1 1-star review     ](https://wordpress.org/support/plugin/b-chart/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/b-chart/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/b-chart/reviews/)

## Contributors

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ shehabulislam ](https://profiles.wordpress.org/shehabulislam/)
 *   [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
 *   [ tomorbplugins ](https://profiles.wordpress.org/tomorbplugins/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/b-chart/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://www.buymeacoffee.com/abuhayat)