CLICK THIS LINK FOR A VERSION MARKED UP WITH EXPLANATORY DIRECTIONS but see the link at the bottom for a screen shot of what
all this html code results in FIRST  -- VIA the link at the bottom of THIS page (note, in particular, the top TABLE, which is very similar to what the html below makes; the rest of the stuff in the screen shot is made automatically by the program in which runs in the iframe and its special JavaScript code).

 

<p> The short, easy directions on how to do the auto-graphs (from a page table) are ALL in the last 5 lines of THIS web page. It is virtually automatic: Table turned into charts.
<- This top section is where YOUR Table Description would go -> (The rest of the top part of this page is an example table you can use as a starting point for YOUR actual table.) </p>

<table id="thetable">
<caption>
2009 Individual Sales by Category</caption>
<thead>
<tr>
<td>
&nbsp;</td>
<th>
food</th>
<th>
auto</th>
<th>
household</th>
<th>
furniture</th>
<th>
kitchen</th>
<th>
bath</th>
</tr>
</thead>
<tbody>
<tr>
<th>
Mary</th>
<td>
150</td>
<td>
160</td>
<td>
40</td>
<td>
120</td>
<td>
30</td>
<td>
70</td>
</tr>
<tr>
<th>
Tom</th>
<td>
3</td>
<td>
40</td>
<td>
30</td>
<td>
45</td>
<td>
35</td>
<td>
49</td>
</tr>
<tr>
<th>
Brad</th>
<td>
10</td>
<td>
180</td>
<td>
10</td>
<td>
85</td>
<td>
25</td>
<td>
79</td>
</tr>
<tr>
<th>
Kate</th>
<td>
40</td>
<td>
80</td>
<td>
90</td>
<td>
25</td>
<td>
15</td>
<td>
119</td>
</tr>
</tbody>
</table>
<p><iframe height="375" id="I1" name="I1" scrolling="yes" src="http://mynichecomputing.org/visualize/jquery_plugin/tryit4.html" style="margin-left: -13px" width="650">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></p>

 

THAT'S IT.  With Input Format (for the page) set to "Full HTML" and working in the "Switch to Plain Text Editor" mode (via link at the bottom of Body textarea):
 Just change the contents of the table (P.S. it may have more OR less rows and/or columns) AND make sure to have  id="thetable" in your top table tag AND Copy and
 Paste the exaxt <iframe> ... </iframe> you see above at the bottom THEN YOUR Table will turn into an editable table and 3 kinds of dynamic graphs automatically!
[NOTES: If a Pie Graph showing 'Contribution to Grand Total by Table Row Members' does not make sense, Use tryit5.html for the iframe's source (src) instead of tryit4.html .
It is best to translate scales to whole numbers for accurate depictions -- experiment for best display. Here is an IMAGE-view of what the sample table on this current page generates.]