Chee Studio

<p>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.</p>
<p>Features:</p>
<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>
<p>https://github.com/cheestudio/simple-pie-chart-block</p>


Simple Pie Chart Block for WP

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

themepalace

<p>This Plugin provides you an elegent Bar Graph and Pie Charts with multiple designs and colors. ie. Default Pie Chart, Doughnut Pie Chart and Polar Pie Chart.</p>
<h4>Customization and Flexibility</h4>
<p>TP PieBuilder offers you a very easy customization of color from shortcode. This plugin allows you to customize title from css.</p>
<h3>Shortcodes</h3>
<p>= Defaults Atts :- =<br />
    * title = ”, // Optional<br />
    * values = ”, // * in percentage (%) ( should be seperated by comma (‘,’). ie: 60, 40 )<br />
    * labels = ”, // * ( should be seperated by comma (‘,’). ie: Design, Development )<br />
    * colors = ” // Optional till 10 elements else * ( should be seperated by ‘,’. ie: #E6E6FA, #E0FFFF )</p>
<h4>Alt Atts for Pie Charts only:</h4>
<pre><code>* fontfamily = 'ariel', // Optional, you can change the defult font family
* fontstyle = 'italic', // Optional, you can change the defult font style to normal or bold
</code></pre>
<h4>Default Piechart Shortcode:</h4>
<pre><code>[TP_PIEBUILDER title="Pie Chart" values="20, 30, 50" labels="Design, Development, Production" colors="#E6E6FA, #E0FFFF, #F8B4BC"]
</code></pre>
<h4>Doughnut Piechart Shortcode:</h4>
<pre><code>[TP_PIEBUILDER_DOUGHNUT title="Pie Chart" values="20, 30, 50" labels="Design, Development, Production" colors="#E6E6FA, #E0FFFF, #F8B4BC"]
</code></pre>
<h4>Polar Piechart Shortcode:</h4>
<pre><code>[TP_PIEBUILDER_POLAR title="Pie Chart" values="20, 30, 50" labels="Design, Development, Production" colors="#E6E6FA, #E0FFFF, #F8B4BC"]
</code></pre>
<h4>Bar Graph Shortcode:</h4>
<pre><code>[TP_PIEBUILDER_BAR title="Pie Chart" values="20, 30, 50" labels="Design, Development, Production" colors="#E6E6FA, #E0FFFF, #F8B4BC"]
</code></pre>
<h4>Horizontal Bar Graph Shortcode:</h4>
<pre><code>[TP_PIEBUILDER_HORIZONTAL_BAR title="Pie Chart" values="20, 30, 50" labels="Design, Development, Production" colors="#E6E6FA, #E0FFFF, #F8B4BC"]
</code></pre>


TP PieBuilder

Easy to use plugin which works perfectly out of the box. Nice one!

Great!

Allow user to manipulate data on pie chart on your site with TP PieBuilder.

Simple Pie Chart Block for WP vs TP PieBuilder