Tability / 0.7 Example

This Table 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.7/tability.user.js">
</script>

and including this code after the table. 

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

<span tability="true" table="theTable">
  <type>Line</type>
  <series>true</series>
  <labels>true</labels>
</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 Table

Table true true

The Graph

Line true true

Where theTable is the id of the table.

NumbersValuesOther ValuesMore Values
046153254
176111283
226192243
327162265
457191296
517187277
695182257
792132274
887104215
911197215