Published
Edited
Nov 19, 2021
Data visualization with vega-lite
import {vl} from '@vega/vega-lite-api-v5'
import {printTable} from '@uwdata/data-utilities'
response = fetch('https://untitled-4emlpxz084g6.runkit.sh/api/items')
data = response.json()
// data = [{x: 1, y:11}, {x: 2, y: 22}, {x: 3, y:33}, {x: 4, y: 44}, {x: 5, y: 55}, {x: 6, y:66}, {x: 7, y:77}, {x: 8, y:88}, {x: 9, y:99}, {x: 10, y:100}]
printTable(data.slice(0, 3))
vl.markBar()
.data(data)
.encode(
vl.x().fieldN('x'),
vl.y().fieldQ('y')
)
.render()
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.
