Published
Edited
Aug 11, 2022
Insert cell
Insert cell
Plot.plot ({
marginRight: 180,
facet: {
data,
y: 'CountryExp',
marginRight: 150,
},
x: {
grid: true
},
y: {
inset: 5
},
marks: [
Plot.lineY(data, Plot.mapY('cumsum', {
x: 'DateRep',
y: 'ConfCases',
})),
Plot.areaY(data, Plot.mapY('cumsum', {
x: 'DateRep',
y: 'ConfCases',
})),
Plot.text(data, Plot.selectLast(Plot.map(
{
y:'cumsum',
text: 'cumsum',
},
{
x: 'DateRep',
y: 'ConfCases',
text: 'ConfCases',
textAnchor: 'start',
dx: 3
})))
]
})
Insert cell
data = d3.csv('https://opendata.ecdc.europa.eu/monkeypox/casedistribution/csv/data.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