Chart Block – Represent your data by chart


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



  • 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


⭐ Check out the Parent Plugin of this plugin-

🔥 b Blocks – Best gutenberg blocks collections for WordPress.

⭐ Check out our other WordPress Plugins-

🔥 Html5 Audio Player – Play .mp3, .wav, and .ogg audio files in WordPress.

🔥 Html5 Video Player – Best video player plugin for WordPress.

🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.

🔥 Document Embedder – Embed Word, Excel, PowerPoint, Apple Pages, Psd, Pdf and more.

🔥 3D Viewer – Display interactive 3D models on the webs.

🔥 Advanced Post Block – Display your Posts, Custom Post Content and Blogs in a professional way!


  • 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 file and click on Install Now
  4. Activate the plugin and Enjoy!


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


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!
2022년 4월 20일
It's not as fully flexible in settings as I'd expected it to be, despite containing a significant collection of options. Generally speaking, he gets the job done. I had problems with the Async JavaScript plugin, which I resolved to disable to make the graphics plugin work. Looking forward to new versions, more features, animations, etc...
모든 8 평가 읽기

기여자 & 개발자

“Chart Block – Represent your data by chart”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.


“Chart Block – Represent your data by chart”(이)가 1(으)로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “Chart Block – Represent your data by chart”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.



  • Fix Border Issue


  • Performance Improvement


  • Add translate feature


  • Reduce PHP Code
  • Performance Improvement


  • Add option for height


  • Reduce PHP Code


  • Add option for show hide X or Y scales


  • Add option for showing hide grid lines


  • Add the download option for the chart


  • Performance upgrade


  • Update theme and Colors


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


  • Initial Release