Published
Edited
Apr 20, 2020
Insert cell
md`# Using VegaEmbed`
Insert cell
embed = require('vega-embed@5')
Insert cell
embed({
data:{values:[3, 6, 1, 13]},
mark: 'point',
encoding:{
x: {field:'data', type:'quantitative', title:'Some Value'}
}
})
Insert cell
md`# Using VegaLite for Observable`
Insert cell
VegaLite = require('@observablehq/vega-lite')
Insert cell
VegaLite({
data:{values:[3, 6, 1, 13]},
mark: 'point',
encoding:{
x: {field:'data', type:'quantitative', title:'Some Value'}
}
})
Insert cell
embed({
data:{url:"https://fabiofranchino.com/disk/datasets/athletes_sochi.csv"},
mark:'point',
encoding:{
x:{
field:'age',
type:'quantitative'
}
}
})
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