Parallel sparklines:
5, 3, 7, 1, 3, 7, 9 (@sparkline)
5, 4, 3, 8, 8, 9, 10 (@sparkline)
3, 7, 1, 7, 8, 1, 5 (@sparkline)
Embedded 1, 1, 2, 3, 5, 8 (@sparkline)
sparkline.
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})
Name, A, B, C
Apple, 965, 387, 100
Orange, 2944, 3053, 200
Banana, 4170, 1117, 500
(@line)
Name, A, B, C
Apple, 965, 387, 100
Orange, 2944, 3053, 200
Banana, 4170, 1117, 500
(@area)
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)
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)
Name, A, B, C
Apple, 965, 387, 100
Orange, 2944, 3053, 200
Banana, 4170, 1117, 500
(@table)
Name | A | B | C |
Apple | 965 | 387 | 100 |
Orange | 2944 | 3053 | 200 |
Banana | 4170 | 1117 | 500 |
(@table)
You can use javascript expression instead of explicit data
#!javascript
[
['Name', 'A', 'B'],
['Apple', 965, 387],
['Orange', 2944, 3053],
['Banana', 4170, 1117]
]
(@bar)