For those who are not yet convinced of the beauty of GutenbergGutenberg The block editor introduced in WordPress 5.0, usin... More as an editorA user role allowed to create, edit, publish, and delete pos... More for WordPress, I believe this Chart Blocks For Gutenberg plugin could change your mind. How would you do this in such an easy and elegant manner with the classic editorA user role allowed to create, edit, publish, and delete pos... More? (hint: you don’t).

With this pluginSoftware that adds specific features or functionality to a W... More, you can create all kinds of charts within the GutenbergGutenberg The block editor introduced in WordPress 5.0, usin... More editorA user role allowed to create, edit, publish, and delete pos... More within seconds. Here are the types of charts you can build:

1. Bar Chart Block
2. Line Chart Block
3. Pie Chart Block
4. Doughnut Chart Block
5. Horizontal Bar Chart Block
6. Horizontal Line Chart Block

You can see an example of a chart created this way below this paragraph.

As you can see, the resulting chart is both responsive and interactive, which is pretty stunning given how painful it can be to create charts with code.

How to use Chart Blocks for Gutenberg to create charts in WordPress?

The process couldn’t be any simpler.

First, you must install the WordPress pluginSoftware that adds specific features or functionality to a W... More. Once it’s done, in any postDynamic, time-based content (e.g., blog entries) displayed i... More, you can start a new block with /chart (or by picking with the Add Block link and searching for chart). You will see the chart options, select one and you can set it up.

To set up the chart, you must first fill in the data by uploading a CSV file. There is a sample CSV file you can download to have the right structure for your date. Upload it and it’s good.

Once this is done, you can customize it further by changing the colors of the bars or parts of the pie chart.