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
086163269
15183219
272180209
330152290
424167265
513165239
671129211
744122244
832169255
97182216