Plot.plot({
marginLeft: 90,
color: { legend: true },
marks: [Plot.barX(coopActives2022, Plot.groupZ({ x: "N" }, { fill: "catégorie" }))]
})
Plot.plot({
marginLeft: 90,
marks: [
Plot.barX(
congress,
Plot.groupY(
{ x: "count" },
{ fill: "gender", y: "party", sort: { y: "x", reverse: true } }
)
)
]
})
Plot.plot({
marginLeft: 90,
color: { scheme: "blues", legend: true },
x: { percent: true },
marks: [
Plot.barX(
coopActives2022,
Plot.groupY(
{ x: "sum" },
{
fill: "Catégorie",
y: "Période",
sort: { y: "x", reverse: true, color: "width" }
}
)
),
]
})
Plot.plot({
marginLeft: 90,
color: { scheme: "BrBG", legend: true },
x: { percent: true },
marks: [
Plot.barX(
coopActives2022,
Plot.groupY(
{ x: "sum" },
{
fill: "Secteur",
y: "Période",
sort: { y: "x", reverse: true, color: "width" },
offset: "normalize"
}
)
),
]
})
congress = FileAttachment("us-congress-2023.csv").csv({typed: true})
Coop actives 2022.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
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.
