Joni Halabi

Important notice!
Due to a shift in my personal and professional priorities, I have decided to take a step back from development. As a result, this plugin is no longer being actively maintained. You are welcome to <a href="https://github.com/thatdevgirl/besan-block" rel="nofollow ugc">fork it</a> and create your own updates. If you do so, please credit me as the original author. (I would also love to hear about this plugin’s new life!)
All the best, Joni.
—
This WordPress plugin adds a responsive and accessible data chart block to the post editor. The chart feeds off of data from a publicly viewable Google sheet.

Besan Block

[Deprecated!] Add a responsive and accessible data chart block to posts and pages.

This plugin adds shortcodes for line, pie and bar charts, created with the Flot javascript library.
For more information on Flot see their <a href="http://www.flotcharts.org" rel="nofollow ugc">website</a>.
<h4>Usage</h4>
Use the [linechart], [piechart] or [barchart] shortcodes, with the data enclosed between the tags (see example). You can further change the appearance of your chart by using a number of attributes, a full list of which can be seen <a href="http://www.youssouhaagsman.nl/wpflot/index.htm#attributes" title="WP Flot" rel="nofollow ugc">here</a>. If you have the Shortcake plugin enabled, you can add the charts using the ‘Add Media’ button.
The javascript file is not loaded on all pages to reduce pageload, but will be automatically added to all pages using the shortcodes after it has been loaded once. Alternatively, you can set a custom field ‘flot’ to ‘yes’.
Linechart example:
<pre><code>[linechart minx="1950" maxx="1965" miny="0" maxy="100" steps="false" fill="true" points="false" legend="true"]
 { label: "Series 1",
 data: [[1963, 43],
 [1959, 48],
 [1956, 50],
 [1952, 30]]
},
 {
 label: "Series 2",
 data:
 [[1952, 30],
 [1956, 49],
 [1959, 49],
 [1963, 50]] }
[/linechart]
</code></pre>
Pie chart example: 
 [piechart donut=”0.5″] 
 { label: “Series1”, data: 10}, 
 { label: “Series2”, data: 30}, 
 { label: “Series3”, data: 90}, 
 { label: “Series4”, data: 70}, 
 { label: “Series5”, data: 80}, 
 { label: “Series6”, data: 110} 
 [/piechart]
Bar chart example: 
 [barchart] 
 { label: “Bars”, 
 data: [[1, 6],[2, 4],[3, 5],[4, 6],[5, 14],[6, 5],[7, 12]] }, 
 { label: “More bars”, 
 data: [[1.5, 3],[2.5, 3],[3.5, 15],[4.5, 3],[5.5, 10],[6.5, 11],[7.5, 10]] } 
 [/barchart] 
Please note that in Flot, a bar chart reacts like a line chart. If you have two data series with similar positions on the x-axis, they will overlap instead of showing side by side. Also, you need both values to be a number, no text.

WP Flot

Adds shortcodes to easily add line, pie and bar charts to your pages using the Flot library.

Besan Block vs WP Flot