Tom Fotherby

After <a href="http://www.tomfotherby.com/blog/index.php/2009/01/how-to-plot-dates-in-google-charts-api/" title="A post from my blog" rel="nofollow ugc">working out how to plot time-based data using Google charts API</a>, I created a WordPress plugin to plot values stored in a custom field against the published-on date of WordPress blog posts that use the field.
<h3>Usage Example</h3>
I use this plugin to keep a track of my weight. I have a private WordPress journal with a custom field called “Weight (kgs)” and each week when I make my journal entry I fill in my weight in this custom field. I have page called “My Weight” which is empty but uses the Fotherplot Template.
The plugin outputs <a href="http://chart.apis.google.com/chart?&cht=lxy&chs=450x300&chma=10,10,10,10&chds=0,364,98.9,116.1&chg=0,5&chxt=y,x&chxl=0:|98.9|102.34|105.78|109.22|112.66|116.1|1:|20/Jan/08|11/Feb/08|17/Jul/08|18/Oct/08|10/Jan/09&chm=D,FF0000,0,-1,1|o,000000,0,-1,4|N,000000,0,-1,9&chd=t:0,8,15,22,50,79,180,224,263,273,290,350,357,364|103.4,102.9,102.3,100.9,99.3,98.9,103.4,110.5,112.9,109.7,110,116.1,113.4,110.67" title="Generated from Google Charts API" rel="nofollow ugc">a image</a> and a list of the relevant data, example:
<ul>
<li>January 17, 2009: 110.67kgs</li>
<li>January 10, 2009: 113.4kgs</li>
<li>January 3, 2009: 116.1kgs</li>
<li>November 5, 2008: 110kgs</li>
<li>October 18, 2008: 109.7kgs</li>
<li>October 8, 2008: 112.9kgs</li>
<li>August 30, 2008: 110.5kgs</li>
<li>July 17, 2008: 103.4kgs</li>
<li>April 8, 2008: 98.9kgs</li>
<li>March 10, 2008: 99.3kgs</li>
<li>February 11, 2008: 100.9kgs</li>
<li>February 4, 2008: 102.3kgs</li>
<li>January 28, 2008: 102.9kgs</li>
<li>January 20, 2008: 103.4kgs</li>
</ul>

Fotherplot

A WordPress plugin for plotting some data in a custom field against time. It uses the Google charts API to render a simple line chart.

paleolimbot

Plot.wp enables the <code>[plotly]</code> shortcode, allowing easy inclusion of JSON-based plots using the <a href="https://plot.ly/javascript/" rel="nofollow ugc">plotly</a> API. Just add valid plotly JSON between the <code>[plotly]</code> and <code>[/plotly]</code> shortcodes, and revel as an interactive plot appears in your post.

Plot.wp

Add JSON-based plots to posts and pages using the plotly.js API

Fotherplot vs Plot.wp