FAIR

Federated and Independent Repositories

bChart – Interactive Data Charts

Plugin Banner

bChart – Interactive Data Charts

by bPlugins

Download
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.

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
  1. Bar Chart Preview

    Bar Chart Preview

  2. Bar Chart Settings One

    Bar Chart Settings One

  3. Bar Chart Settings Two

    Bar Chart Settings Two

  4. Bar Chart Settings Three

    Bar Chart Settings Three

  5. Bar Chart Settings Four

    Bar Chart Settings Four

  6. Pie Chart Preview

    Pie Chart Preview

  7. Pie Chart Settings One

    Pie Chart Settings One

  8. Pie Chart Settings Two

    Pie Chart Settings Two

  9. Line Chart Types: MultLine/Single

    Line Chart Types: MultLine/Single

  10. Line Chart Settings One

    Line Chart Settings One

  11. Line Chart Settings Two

    Line Chart Settings Two

  12. Line Chart Settings Three

    Line Chart Settings Three

  13. Scatter Chart Preview

    Scatter Chart Preview

  14. Scatter Chart Settings One

    Scatter Chart Settings One

  15. Scatter Chart Settings Two

    Scatter Chart Settings Two

  16. Radar Chart Preview

    Radar Chart Preview

  17. Radar Chart Settings One

    Radar Chart Settings One

  18. Radar Chart Settings Two

    Radar Chart Settings Two

  19. Gauge Chart Types

    Gauge Chart Types

  20. Gauge Chart Settings One

    Gauge Chart Settings One

  21. Gauge Chart Settings Two

    Gauge Chart Settings Two

  22. Funnel Chart Types: Horizantal/ Vertical

    Funnel Chart Types: Horizantal/ Vertical

  23. Funnel Chart Settings One

    Funnel Chart Settings One

  24. Funnel Chart Settings Two

    Funnel Chart Settings Two

  25. Heatmap Chart Preview

    Heatmap Chart Preview

  26. Heatmap Chart Settings One

    Heatmap Chart Settings One

  27. Heatmap Chart Settings Two

    Heatmap Chart Settings Two

  28. Candlestick Chart Types: Candlestick/Hollow

    Candlestick Chart Types: Candlestick/Hollow

  29. Candlestick Chart Types: HLC/OHLC

    Candlestick Chart Types: HLC/OHLC

  30. Candlestick Chart Types: Heikin-Aswhi/Line

    Candlestick Chart Types: Heikin-Aswhi/Line

  31. Candlestick Chart Types: Area

    Candlestick Chart Types: Area

  32. Candlestick Chart Settings One

    Candlestick Chart Settings One

  33. Candlestick Chart Settings Two

    Candlestick Chart Settings Two

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.

"Pro" OneDrive function does not work/no documentation

By mrteasdale1 on 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.

very easy to use

By parbone5 on November 5, 2021

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.

Support multiple data set

By jannatunferdouse2 on November 5, 2021

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

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
Back to top