Inline Charts

jQuery Knob

New Visitors
Bounce Rate
Server Load
Disk Space
Bandwidth
CPU

jQuery Knob Different Sizes

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

jQuery Knob Tron Style

data-width="90"
data-width="120"
data-thickness="0.1"
data-angleArc="250"
The following was created using data tags

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

Sparkline Pie

6,4,8

Sparkline line

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

Sparkline Bar

6,4,8, 9, 10, 5, 13, 18, 21, 7, 9

Sparkline examples

Mouse speed Loading..

Inline 10,8,9,3,5,8,5 line graphs 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10

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

Composite inline 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10

Inline with normal range 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10

Composite bar 4,6,7,7,4,3,2,1,4

Discrete 4,6,7,7,4,3,2,1,4,4,5,6,7,6,6,2,4,5
Discrete with threshold 4,6,7,7,4,3,2,1,4

Bullet charts
10,12,12,9,7
14,12,12,9,7
10,12,14,9,7

Customize size and colours 10,8,9,3,5,8,5,7

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 20,50,80