Chee Studio

Simple Pie Chart Block allows you to create elegant and minimal pie charts using the ChartJS library. You can upload data directly to the block instance without having to format your data into a CSV file upload. You can customize each slice’s percentage, color and associated data + labels. You also toggle between pie and doughnut chart types.
Features:
<ul>
<li>Create and customize pie charts directly within the WordPress block editor.</li>
<li>Add, update, and remove slices with specific titles, values, percentages, and colors.</li>
<li>Toggle the display of legends and customize their styles and background colors.</li>
<li>Choose between Pie and Doughnut chart types.</li>
</ul>
<h3>Usage</h3>
<ol>
<li>In the WordPress block editor, add the “Simple Pie Chart” block to your post or page.</li>
<li>Use the block settings to customize your pie chart:
<ul>
<li>Add slices with titles, values, percentages, and colors.</li>
<li>Toggle the legend display and customize its style and background color.</li>
<li>Choose between Pie and Doughnut chart types.</li>
<li>Adjust the chart width.</li>
</ul>
</li>
</ol>
<h3>Github</h3>
https://github.com/cheestudio/simple-pie-chart-block

Simple Pie Chart Block for WP

Simple Pie Chart Block allows you to create elegant and minimal pie charts using the ChartJS library.

Varun Katyal

Make interactive pie charts using chart.js library using:
1) Simple short code
2) Elementor Widget Pie Chart
Shortcode Example-
1) [piechart id = ’23’ data = ‘20,40,30’ label = ‘apple,orange,grapes’ type = ‘polarArea’]
2) [piechart id = ’24’ data = ‘20,40,30,60’ label = ‘apple,orange,grapes,cherry’ type = ‘pie’]
3) [piechart id = ’25’ data = ‘20,40,30,60’ label = ‘apple,orange,grapes,cherry’ type = ‘doughnut’]
Features

<pre><code> * 100% Responsive and interactive
* Use anywhere in post and pages.
* Write or Create simple short code.
 * Elementor Widget for live editing of charts
 * Using Open source chart.js Javascript Library
 * For multiple charts on same page, use unique id/chart id
 * Canvas based charts</li>
 * Shortcode requires 4 parameters. 1) id 2) data 3) label 4) type
 * "type" paratmeter can be either 1) pie 2) doughnut 3) polarArea
</code></pre>

Pie and Donut charts

Make interactive pie charts using chart.js library using:

Simple Pie Chart Block for WP vs Pie and Donut charts