Public
Edited
Feb 8, 2024
1.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
marks: [
Plot.barY(castSize, {x: "CAST_SIZE", y: "MOVIE_CNT", fill: 'rgb(164,99,242)'}),
],
marginLeft: 60,
})
2.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
wilhelm = wilhelmRaw.map(row => ({...row, PRODUCTION_YEAR: new Date(row.PRODUCTION_YEAR, 0)}))
Plot.plot({
marks: [
Plot.barY(wilhelm, {x: "PRODUCTION_YEAR", y: "MOVIE_CNT", fill: 'rgb(164,99,242)'}),
Plot.axisX({
tickFormat: (d) => {
if (d.getYear() % 10 === 0) {
return "" + d.getFullYear();
} else {
return '';
}
}
}),
],
marginLeft: 60,
})
Plot.plot({
marks: [
Plot.areaY(wilhelm, {x: "PRODUCTION_YEAR", y: "MOVIE_CNT", fill: 'rgb(164,99,242)'}),
],
marginLeft: 60,
})
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.
