Chart Block – Visualize Data with Bar, Line, Pie Charts

説明

This plugin can represent tabular numeric data, functions or some kinds of quality structure and provides different info.

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.

Features

  • Fully Customizable: All the options you need to arrange the showcase to your liking are available here.
  • Different Types: Chart block comes with different types, you can easily switch the type of chart.

How to use

  • First, install the Chart Block plugin
  • Add the Chart Block from the block category called “Widgets” in the Gutenberg editor.
  • You can change block settings from the right-side settings sidebar.
  • Enjoy!

  • For Installation help click on Installation Tab

Feedback

Check out the Parent Plugin of this plugin-

B Blocks – A blocks collection and page building tool for Gutenberg.

Check out our other WordPress Plugins-

Html5 Video Player – Display videos as single and playlist in multiple skins.

PDF Poster – Display/Embed PDF files with different styles.

Html5 Audio Player – Listen audios with awesome visuals.

StreamCast – Customizable radio player with different skins.

3D Viewer – Embed 3D models and 3D products with interaction.

Advanced Post Block – Show posts and custom posts in different layouts.

External Services

This plugin connects to the following external services from the admin dashboard:

bPlugins API

WordPress.org Plugins API

Third-Party Libraries / bpl tools

  • Source / GitHub: https://github.com/bPlugins/bpl-tools
  • License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html
  • Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls.
  • 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

スクリーンショット

  • 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
  • Line Chart
  • Bar Chart with Subtitle
  • Pie Chart with Text, Background and Grid line color
  • Rader Chart without Title
  • Doughnut Chart
  • Polar Area Chart

ブロック

このプラグインは1個のブロックを提供します。

  • Chart Graphical representation for data visualization.

インストール

From Gutenberg Editor:

  1. Go to the WordPress Block/Gutenberg Editor
  2. Search For Chart Block
  3. Click on the Chart Block to add the block

Download & Upload:

  1. Download the Chart Block plugin (.zip file)
  2. In your admin area, go to the Plugins menu and click on Add New
  3. Click on Upload Plugin and choose the chart-block.zip file and click on Install Now
  4. Activate the plugin and Enjoy!

Manually:

  1. Download and upload the Chart Block plugin to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress

FAQ

Is Chart Block free?

Yes, Chart Block is a free Gutenberg block plugin.

Does it work with any WordPress theme?

Yes, it will work with any standard WordPress theme.

Can I change block settings?

Yes, you can change block settings from the Gutenberg block editor’s right sidebar.

How many times can I reuse a block?

You can use unlimited times as you want.

Where can I get support?

You can post your questions on the support forum here

評価

2023年10月26日
Really great plugin and does almost everything I need it to out of the box, thanks! It would be good if you had more control over your dataset keys to change font size or have them appear on the respective data point permanently (like they do on hover) Also a possible addition to your chart types could be a demographic display with 100 people icons and highlighting a percentage of them relative to your data
2023年4月21日
I was searching for plugin with an option to change the colors and styles of the graphs. This plugin is so far is the best one I have tested. It works well and I hope more features will be added to improve the product.
2022年7月20日 3 replies
I’m pretty happy with how this block works, it solves a need I had. But it’s annoying that it enqueues its JavaScript on every page on my site, instead of just the pages that include the block. Best practice for Blocks is to load assets on-demand rather than universally, so my site’s PageSpeed score has gone down due to using this plugin.
2022年6月17日
No other third party dependencies!
9件のレビューをすべて表示

貢献者と開発者

Chart Block – Visualize Data with Bar, Line, Pie Charts はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Chart Block – Visualize Data with Bar, Line, Pie Charts” は1ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“Chart Block – Visualize Data with Bar, Line, Pie Charts” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

1.1.7 – 18 May 2026

  • Added New 9 Premium Chart block styles
  • Added ShortCode
  • Added Admin Dashboard

1.1.6

  • Fix: Border Issue

1.1.5

  • Performance Improvement

1.1.4

  • Add translate feature

1.1.3

  • Reduce PHP Code
  • Performance Improvement

1.1.2

  • Add option for height

1.1.1

  • Reduce PHP Code

1.1.0

  • Add option for show hide X or Y scales

1.0.5

  • Add option for showing hide grid lines

1.0.4

  • Add the download option for the chart

1.0.3

  • Performance upgrade.

1.0.2

  • Update theme and Colors.

1.0.1

  • Add an option to change the point size.
  • Fix border size when hovering.

1.0.0

  • Initial Release.