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
064178262
177109226
213150215
329124269
491169219
580163299
621131232
75104244
827129231
974116284