Inline Charts

jQuery Knob Tron Style

data-width="90"
data-width="110"
data-thickness="0.1"
data-angleArc="250"

Different Sizes

data-width="100"
data-width="120"
data-thickness="0.1"
data-angleArc="250"

jQuery Knob

New Visitors
Bounce Rate
Server Load
Disk Space
Bandwidth
CPU

The following was created using data tags

The following three inline (sparkline) chart have been initialized to read and interpret data tags

Sparkline Pie

Sparkline line

7,3,2,5,4,8,6,4,2,8,7,9,4,5,3,4,5,9,7,5

Sparkline Bar

7,3,10,5,4,8,6,4,2,4,5,3,4,5

Sparkline examples

Mouse speed Loading..

Inline 4,5,3,4,5,9,7,5 line graphs 7,3,10,5,4,8,6,4,2,4,5,3,4,5

Bar charts 4,5,3,4,5,9,7,5 negative values: -4,1,5,0,3,-2 stacked: 0:2,2:4,4:2,4:1

Composite inline 7,3,10,5,4,8,6,4,2,4,5,3,4,5

Inline with normal range 7,3,10,5,4,8,6,4,2,4,5,3,4,5

Composite bar 4,5,3,4,5,9,7,5

Discrete 7,3,10,5,4,8,6,4,2,4,5,3,4,5
Discrete with threshold 4,5,3,4,5,9,7,5

Bullet charts
4,11,1,9,7
8,7,12,9,10
10,1,14,8,5

Customize size and colours 4,5,3,4,5,9,7,5

Tristate charts 1,1,0,1,-1,-1,1,-1,0,0,1,1
(think games won, lost or drawn)

Tristate chart using a colour map: 1,2,0,2,-1,-2,1,-2,0,0,1,1

Box Plot: 4,27,34,52,54,59,61,68,78,82,85,87,91,93,100
Pre-computed box plot Loading..

Pie charts 1,1,2 1,5 30,70,90