Public
Edited
Feb 18, 2023
Insert cell
Insert cell
books-2022.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
myBooks = FileAttachment("books-2022.csv").csv({typed: true})
Insert cell
Plot.plot({
y: {
grid: true
},
marks: [
Plot.barY(
myBooks.filter((d) => d["#gender"]),
Plot.groupX({ y: "count" }, { x: "#gender", fill: "#gender" })
),
Plot.ruleY([0])
],
marginLeft: 60,
width: 250
})
Insert cell
Plot.plot({
y: {
grid: true
},
marks: [
Plot.barY(
myBooks.filter((d) => d["#gender"]),
Plot.groupX({ y: "count" }, { x: "languages", fill: "languages" })
),
Plot.ruleY([0])
],
marginLeft: 60,
width: 250
})
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