Published unlisted
Edited
Apr 16, 2022
1 fork
import {vl} from '@vega/vega-lite-api-v5'
df2 = data['movies.json']() // get hold of movies dataset
data = require('vega-datasets@1') // import vega_datasets
df2[0]['IMDB_Rating']
plot = vl.markBar().data(df2).encode(
vl.x().fieldQ('IMDB_Rating').bin(true),
vl.y().count()
)
plot.render()
vl.markBar().data(df2).encode(
vl.x().fieldQ('IMDB_Rating').bin(false),
vl.y().count()
).render()
{
const plot = vl.markCircle().encode({
x: {field: 'precip', type: 'quantitative', aggregate: 'average'},
y: {field: 'city', type: 'nominal'}
});
return html`<pre>${JSON.stringify(plot.toObject(), 0, 2)}</pre>`; // format JSON data
}
vl.markBar().data(df2).render()
// html`<pre>${JSON.stringify(plot.toObject(), 0, 2)}</pre>`;
vegalite = require("@observablehq/vega-lite@0.2")
vegalite.compile(plot.toObject()).spec;
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.
