Plot.plot({
y: {
grid: true
},
marks: [
Plot.line(pcr_år[2020], {
x: "tid_uden_år",
y: "newPositive",
stroke: "rgb(135, 171, 8)"
}),
Plot.line(pcr_år[2021], {
x: "tid_uden_år",
y: "newPositive",
stroke: "steelblue"
}),
Plot.ruleY([0]),
Plot.text(
pcr_år[2021],
Plot.selectLast({
x: "tid_uden_år",
y: "newPositive",
z: "år",
text: "år",
textAnchor: "start",
dx: 3
})
),
Plot.text(
pcr_år[2020],
Plot.selectLast({
x: "tid_uden_år",
y: "newPositive",
z: "år",
text: "år",
textAnchor: "start",
dx: -25
})
)
],
width: width
})
Plot.line
pcr_år[2021]
pcr_år = groupBy(
pcr
.filter((d) => d.date !== null)
.map((d) => ({
...d,
år: d.date.getFullYear(),
tid_uden_år: d.date - new Date(`${d.date.getFullYear()}-01-01`)
})),
"år"
)
newestZip = {
const parser = new DOMParser();
const external = parser.parseFromString(
await fetch(
"https://covid19.ssi.dk/overvagningsdata/download-fil-med-overvaagningdata"
).then((response) => response.text()),
"text/html"
);
try {
return document.adoptNode(
external.querySelector(".accordion:nth-child(2) a")
).href;
} catch (error) {}
}
data = fetch(newestZip)
.then((response) => ({ live: true, data: response.arrayBuffer() }))
.catch((error) => ({
live: false,
data: FileAttachment(
"overvaagningsdata-covid19-12102021-5rdc.zip"
).arrayBuffer()
}))
archive = jszip.loadAsync(data.data)
data.live
parseDate = d3.timeParse("%Y-%m-%d %H")
jszip = require("jszip@3/dist/jszip.min.js")
groupBy = (xs, key) =>
xs.reduce((rv, x) => {
(rv[x[key]] = rv[x[key]] || []).push(x);
return rv;
}, {})
d3 = require("d3@5")
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.
