He/him. Lifelong teacher and learner. I love talking about exploring all sorts of subjects with computers
Public
Edited
Jun 13, 2021
vl
.markTick()
.data(numbers)
.encode(vl.x().fieldQ("value"))
.render()
function manualHistogram(data, sizeOfBin) {
// your task: loop through the data and construct a histogram,
// Your data should be an array of numbers. Each number represents the count of observations within a range
// you can peek at the answer below if you want to!
}
vl
.markBar()
.data(distributionForVegaLite)
.encode(vl.x().fieldN("index"), vl.y().fieldQ("count"))
.render()
vl
.markBar()
.data(numbers)
.encode(
vl
.x()
.fieldQ("value")
.bin({ maxbins: 22 }),
vl.y().count()
)
.render()
vl
.markCircle()
.data(movies)
.encode(vl.x().fieldQ('Rotten_Tomatoes_Rating'), vl.y().fieldQ('IMDB_Rating'))
.render()
vl
.markBar()
.data(movies)
.encode(
vl
.x()
.fieldQ('Rotten_Tomatoes_Rating')
.bin({ maxbins: 20 }),
vl
.y()
.fieldQ('IMDB_Rating')
.bin({ maxbins: 20 }),
vl.color().count()
)
.render()
vl
.markCircle()
.data(movies)
.encode(
vl
.x()
.fieldQ('Rotten_Tomatoes_Rating')
.bin({ maxbins: 20 }),
vl
.y()
.fieldQ('IMDB_Rating')
.bin({ maxbins: 20 }),
vl.size().count(),
vl.row("MPAA_Rating")
)
.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.
