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
022187258
179147254
249198298
360167227
477178288
530193277
666121235
715104268
880147275
910193284