Published unlisted
Edited
Oct 21, 2020
Insert cell
Insert cell
vl.markPoint()
.data(movies)
.encode(
vl.x().fieldQ('Production Budget'),
vl.y().fieldQ('Worldwide Gross'),
vl.size().fieldQ('Rotten Tomatoes Rating')
)
.render()
Insert cell
vl.markBar()
.data(movies)
.encode(
vl.x().bin({step:100000000}).fieldQ('profit'),
vl.y().aggregate('count')
)
.render()
Insert cell
vl.markBar()
.data(movies)
.encode(
vl.x().sort(['unsuccessful', 'successful', 'super successful']).fieldN('success'),
vl.y().aggregate('count')
)
.render()
Insert cell
vl.markBar()
.data(movies)
.encode(
vl.x().sort(['unsuccessful', 'successful', 'super successful']).fieldN('success'),
vl.y().aggregate('mean').fieldQ('Rotten Tomatoes Rating')
)
.render()
Insert cell
vl.markPoint()
.data(movies)
.encode(
vl.facet().sort(['unsuccessful', 'successful', 'super successful']).fieldN('success'),
vl.x().fieldQ('IMDB Rating'),
vl.y().fieldQ('Rotten Tomatoes Rating')
)
.render()
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