Published
Edited
Sep 27, 2018
55 forks
1 star
Insert cell
Insert cell
Insert cell
embed = require("vega-embed@3")
Insert cell
Insert cell
viewof view = embed({
$schema: 'https://vega.github.io/schema/vega-lite/v3.json',
width: 360,
data: {
values: [
{a: 'A', b: 28}, {a: 'B', b: 55}, {a: 'C', b: 43},
{a: 'D', b: 91}, {a: 'E', b: 81}, {a: 'F', b: 53},
{a: 'G', b: 19}, {a: 'H', b: 87}, {a: 'I', b: 52}
],
name: 'source'
},
selection: {
a: {type: 'single'}
},
mark: 'bar',
encoding: {
x: {field: 'a', type: 'ordinal'},
y: {field: 'b', type: 'quantitative'},
tooltip: {field: 'b', type: 'quantitative'},
color: {
condition: {selection: 'a', value: 'steelblue'},
value: 'grey'
}
}
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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