Wise Fool.
Visioneer.
Published
Edited
Apr 29, 2021
3 stars
Lambdoma table of ratiosGeometric construction of square rootsDieter RamsAudio FiltersHarmony Map45 degree gridTexture—Generative SnacksE series of preferred numbersWavesRingsSol Lewitt – Wall Drawing 273Test CardRadar Screen GlowStrategy CanvasSun LogoCOVID-19 Netherlands Reproduction Number TutorialRun PlotBlock QuoteTesla « Hoshin KanriSimultaanlimietSVG PatternsTartanBillboardFlowerElectronic color codeDonutCOVID-19 ReproductiegetalSTER & CultuurE series of preferred numbers and their colorsMoon PhasesX-MatrixMagic Balls Factory
COVID-19-NL daily reported per MHS
Also listed in…
COVID
regions = [...new Set(map(k => k.region)(probes).filter(k => k))].sort()
r = d3.json("https://data.rivm.nl/covid-19/COVID-19_reproductiegetal.json")
R = r.map(k => ({date: new Date(k.Date), value: k.Rt_avg ? k.Rt_avg - 1: NaN}))
// takes probes and region
// returns TimeChart for specified region with proper title
strip = curry(
(probes, region) =>
timeChart(
pipe(
select(probes),
totals,
)(region),
{title: region}
)
)
strip(probes, "Utrecht")
// takes a region (name)
// returns list of probes for that region
select = curry(
(probes, region) =>
probes.filter(k => (k.region === region))
)
select(probes, "Utrecht")
// takes a list of probes for a region that may have multiple reports for same date (per municipality)
// returns a list of probes with sum of reports per unique date
totals = (list) => {
const d = new InternMap()
list.forEach((item) => d.set(item.date, (d.get(item.date) ?? 0) + item.value))
return timeChartify([...d])
}
pipe(select(probes), totals)("Utrecht")
// takes list of arrays with two entries: date and value
// returns list of objects with date and value as properties
timeChartify = map(
([date, value]) =>
({date, value})
)
// Setting defaults
timeChart = TimeChart.defaults({
...timeChartConfig,
dateFormat: "%m/%d/%Y",
marginTop: 2,
scheme: "reds",
})
// uses probes
// returns object with some data-specific configuration to drive TimeChart
timeChartConfig = {
const [start, stop] = d3.extent(probes, x => x.date)
return ({
interval: d3.utcDay,
start,
stop,
width,
})
}
formatDate = d => d.toLocaleString(undefined, {
weekday: "short",
month: "short",
day: "numeric",
year: "numeric",
})
// performance: for/reduce/ramda = 2.4/3.2/9.7 ms: ramda is 2-4 times slower than plain js
{
return md`Comment the \`return\` out to get performance data in console`
console.time("for")
let s = 0
for (let i = 0, n = probes.length; i < n; ++i) s += probes[i].value
console.timeEnd("for")
console.time("reduce")
const r = probes.reduce((p, d) => p + d.value, 0)
console.timeEnd("reduce")
console.time("ramda")
const t = reduce((p, d) => p + d.value, 0)(probes)
console.timeEnd("ramda")
return [s, r, t]
}
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.
