data analyst • mediapart
Published
Edited
Sep 14, 2022
1 star
Plot.plot({
y: {
nice: true,
grid: true,
tickFormat: Math.abs
},
marks: [
Plot.rectY(
articles_historique,
Plot.binX(
{ y: "count" },
{
x: (d) => d3.timeDay(new Date(d.published)),
thresholds: d3.utcYear
}
)
)
]
})
Plot.plot({
y: {
domain: [0, 12],
grid: true,
label: "← Women · Men →",
labelAnchor: "center",
tickFormat: Math.abs
},
marks: [
Plot.dot(
articles,
Plot.stackY2({ x: (d) => d3.timeDay(new Date(d.published)), y: (d) => 1 })
)
]
})
articles = d3.csv('https://raw.githubusercontent.com/taniki/lemonde-parite-disparitions/main/articles.csv')
articles_historique = d3.csv(
"https://raw.githubusercontent.com/taniki/lemonde-parite-disparitions/main/articles.backfill.csv"
)
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.
