Published unlisted
Edited
Aug 15, 2018
1 star
Insert cell
Insert cell
vegalite({
"data": {
"values": [
{"fixed": 3, "variable": 10, "storage": 20},
{"fixed": 8, "variable": 7, "storage": 26}
]
},
"transform": [
{"fold": ["variable", "fixed"], "as": ["key", "value"]}
],
"mark": "line",
"encoding": {
"x": {"field": "storage", "type": "quantitative"},
"y": {"field": "value", "type": "quantitative"},
"color": {"field": "key", "type": "nominal"}
}
})
Insert cell
vegalite = require.alias({
"vega": "vega@latest",
"vega-lite": "vega-lite@latest"
})("@observablehq/vega-lite@0.1")
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more