Tability / 0.6 Example

This CSV and graph were generated from the table by including this line in the <head> tag of the page 

<script>
  type="text/javascript" 
  src="http://jeffpalm.com/tability/0.6/tability.user.js">
</script>

and including this code after the table. 

<span tability="true" table="theTable">
  <type>CSV</type>
  <series>true</series>
</span>

<span tability="true" table="theTable">
  <type>Line</type>
  <series>true</series>
</span>

(Note the difference in the type tags). This instructs our script to replace this span with an image of the graph created from the table with id theTable. The API is basically the same from the previous version, except that instead of making an explicit call to a funtion with options in javascript, you can simply include a span with the attribute tability set to true (or any value, really), and include the graph options as children of this span. Again, I'll expand on the options later, they are pretty minimal now.

The CSV

CSV true

The Graph

Line true

Where theTable is the id of the table.

NumbersValuesOther ValuesMore Values
032139271
144126232
242134214
35183274
490156298
556102212
648141223
726100215
817158273
937171280