The following 'sparklines' are drawn client-side via Javascript. View Javascript Sparklines for more info

Sparklines ?

Sparklines are "intense, simple, wordlike and word-sized graphics". Consider the following example :

  1. Budget deficits and surpluses of the US Government, from 1987 to 2003 : -152, -221, -269, -290, -255, -203, -163, -107, -21, 69, 125, 236, 127, -157,-304, -250
  2. Budget deficits and surpluses of the US Government, from 1987 to 2003

Which one tells the most ?

This javascript implementation generates sparklines for an array of data and outputs the tiny graphics right next to the text, sized accordingly.

More info about sparklines in general and various other implementations: Sparkline.org

More info about this Javascript script : Javascript Sparklines

Default options
{color:'#669', colorneg:'#aae', hover:'red'}
{height:1, width:5}
{overallheight:30, width:3}
{padding:0}
{padding:0, height:1, overallheight:6, width:1}
{overallheight:30, width:5, classpos:'mypositive', classneg:'mynegative'}
{color:'red', height:2, padding:-10, width:20}