# 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