Tability

This is a greasemonkey script to allow you to visualize any HTML table as a chart. In its current form you need to be running greasemonkey on firefox. It is also a general-purpose javascript library to allow you generate graphs from your HTML tables but simply including a span element noting the id of the table whose data you want to use. See the current example for more. For the impatient click on this script to install:

    tability.user.js

Usage

Once installed, here's how you use this thing.

  1. Whenever you visit a page that has HTML tables such as the following
    PersonNumber
    Bob3
    Sue33
    Joe5
    You'll see a link at the top left-hand corner of that page labeled [Tabiliterize]. As a running example, I'll use the following page
    http://www.benengebreth.org/housingtracker/location/Texas/Austin/
    So after installation , at the top left-hand corner there is a link (I've circled it).

    ss1

  2. Next, if you click this link, it will toggle and add select boxes to all the tables on the page (once again, it's circled).

    ss2

  3. Then, if you click View graph a window will pop up with that table's data graphed.

    ss3

Changes

0.7

Added table output care of Active Widgets. To use set the type option to Table. See the example.

0.6

Added CSV output. To use set the type option to CSV. See the example.

0.5

Added a DOM interface in addition to the javascript interface, so you can generated graphs simply by including spans that have the attribute tability set to true. See the example.

0.4

A few small changes that allows you to embed a little javascript into a page to get a graph 'for free'. See the example.

0.3

Improved graph. Added checkboxes for series data. See the example.

0.2

First release

Installation

To use you must be running greasemonkey on firefox. So, I'll mention both.

  1. Install firefox.
  2. Install greasemonkey.
  3. Go to the link tability.user.js a click the Install button in the upper right. If you don't see this button you haven't installed greasemonkey correctly -- in which case return to step #2.