# Sparkline Charts | Coco - Responsive Bootstrap Admin Template
Author: Huban Creative
Keywords: coco bootstrap template, coco admin, bootstrap,admin template, bootstrap admin,

### Task Progress Information

CLEANING BUGS

80% Complete

POSTING SOME STUFF

65% Complete

BACKUP DATA FROM SERVER

95% Complete

RE-DESIGNING WEB APPLICATION

100% Complete

### Logout Confirmation

Are you sure want to logout from this awesome system?

Yeah, I'm sure

#

# Sparkline Charts

## Inline Sparkline Charts

To create charts pretty like that are easy as the code below. No need for javascript knowledge!

    <span class="sparkline" sparkType="bar" sparkBarColor="green"><!-- 1,2,3,4,3,2,1 --></span>
    <span class="sparkline" sparkType="bar" sparkBarColor="red"><!-- 1,2,3,4,3,2,1 --></span>

#### Samples

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

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..

## Sparkline Bar Chart

## Sparkline Piechart

## Sparkline Line Chart