Instantly share code, notes, and snippets.

Embed
What would you like to do?
An example vega spec
{
"schema": {
"language": "vega",
"version": "3.0"
},
"width": 500,
"height": 200,
"padding": 5,
"data": [
{
"name": "table",
"values": [
{
"u": 1,
"v": 28
},
{
"u": 2,
"v": 55
},
{
"u": 3,
"v": 43
},
{
"u": 4,
"v": 91
},
{
"u": 5,
"v": 81
},
{
"u": 6,
"v": 53
},
{
"u": 7,
"v": 19
},
{
"u": 8,
"v": 87
},
{
"u": 9,
"v": 52
},
{
"u": 10,
"v": 48
},
{
"u": 11,
"v": 24
},
{
"u": 12,
"v": 49
},
{
"u": 13,
"v": 87
},
{
"u": 14,
"v": 66
},
{
"u": 15,
"v": 17
},
{
"u": 16,
"v": 27
},
{
"u": 17,
"v": 68
},
{
"u": 18,
"v": 16
},
{
"u": 19,
"v": 49
},
{
"u": 20,
"v": 15
}
]
}
],
"scales": [
{
"name": "xscale",
"type": "linear",
"range": "width",
"zero": false,
"domain": {
"data": "table",
"field": "u"
}
},
{
"name": "yscale",
"type": "linear",
"range": "height",
"nice": true,
"zero": true,
"domain": {
"data": "table",
"field": "v"
}
}
],
"axes": [
{
"orient": "bottom",
"scale": "xscale",
"tickCount": 20
},
{
"orient": "left",
"scale": "yscale"
}
],
"marks": [
{
"type": "area",
"from": {
"data": "table"
},
"encode": {
"enter": {
"interpolate": {
"value": "monotone"
},
"x": {
"scale": "xscale",
"field": "u"
},
"y": {
"scale": "yscale",
"field": "v"
},
"y2": {
"scale": "yscale",
"value": 0
},
"fill": {
"value": "steelblue"
}
},
"update": {
"fillOpacity": {
"value": 1
}
},
"hover": {
"fillOpacity": {
"value": 0.5
}
}
}
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment