Sparkline

Parallel sparklines:

Embedded 1, 1, 2, 3, 5, 8 (@sparkline) sparkline.

Bar Chart

Single column bar chart:


    Name, Count
    Apple, 1352
    Orange, 5997
    Banana, 5287

(@bar)

Multi-column bar chart:


Name, A, B
Apple, 965, 387
Orange, 2944, 3053
Banana, 4170, 1117

(@bar)

Stacked bar chart:


Name, A, B
Apple, 965, 387
Orange, 2944, 3053
Banana, 4170, 1117

(@bar {isStacked:true})

DViz automatically changes color scheme according to number of columns:


Name, A, B, C
Apple, 965, 387, 100
Orange, 2944, 3053, 200
Banana, 4170, 1117, 500

(@bar {isStacked:true})

Line chart


Name, A, B, C
Apple, 965, 387, 100
Orange, 2944, 3053, 200
Banana, 4170, 1117, 500

(@line)

Area chart


Name, A, B, C
Apple, 965, 387, 100
Orange, 2944, 3053, 200
Banana, 4170, 1117, 500

(@area)

Scatter plot


A, B
8, 12
4, 5.5
11, 14
4, 5
3, 3.5
6.5, 7

(@scatter)

Scatter plot with multiple columns:


A, B, C, D
8, 12, 10, 5
4, 5.5, 6, 3
11, 14, 15, 7.5
4, 5, 7, 3.5
3, 3.5, 5, 2.5
6.5, 7, 10, 5

(@scatter)

Scatter plot matrix


A, B, C, D
8, 12, 10, 5
4, 5.5, 6, 3
11, 14, 15, 7.5
4, 5, 7, 3.5
3, 3.5, 5, 2.5
6.5, 7, 10, 5

(@scattermatrix)

Table chart (from csv data element)


Name, A, B, C
Apple, 965, 387, 100
Orange, 2944, 3053, 200
Banana, 4170, 1117, 500

(@table)

Table chart (from table element)

Name A B C
Apple 965 387 100
Orange 2944 3053 200
Banana 4170 1117 500

(@table)

Javascript expression

You can use javascript expression instead of explicit data


#!javascript
[
	['Name', 'A', 'B'],
	['Apple', 965, 387],
	['Orange', 2944, 3053],
	['Banana', 4170, 1117]
]

(@bar)