Public
Edited
Feb 11, 2023
Insert cell
Insert cell
Plot.plot({
marginLeft: 120,
height: 2000,
x: {
line: true
},
y: {
line: true
},
color: {
legend: true
},

marks: [
Plot.barX(
data,
Plot.groupY(
{ x: "max" },
{
x: "raised",
y: "state",
fill: "chamber",
sort: { y: "x", reverse: true }
}
)
)
]
})
Insert cell
Plot.plot({
marks: [
Plot.dot(data, {x: "raised", y: "spent", fill: "party", r: "cash_on_hand", sort: "y"}),
],
color: {
legend: true
},
marginLeft: 80
})
Insert cell
data = d3.csv("https://raw.githubusercontent.com/hmreumann/ecd2022a/main/data/election-cycle-fundraising-2.csv", d3.autoType)
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