Weekly COVID deaths, USAIzbori test[EU] Vax rates vs median equivalised net incomeCOVID metrics EU rankings2020 Croatian Presidential Election MapsUSA vaccination rate by state, colored by 2020 election Dem/Rep ratioExcess mortalityIntervencije pauka ZG HoldingCafés in ZagrebZagreb Carbon Monoxide levels, comparison of years 2012-2021Distance from Zagreb (isochrone map)Spikemap of croatian voters
The US COVID Syringe
{
const svg = d3
.create("svg")
.attr("viewBox", [0, 0, width, height])
.style("overflow", "visible");
svg
.append("g")
.selectAll("circle")
.data(data)
.enter()
.append("circle")
.attr(
"transform",
(d, i) =>
`translate(${xOffset + i * xFactor},${height / 1.5 - i * yFactor})`
)
.attr("fill", (d) => color(rScale(d)))
.attr("stroke-width", 1)
.attr("stroke", "black")
.attr("cx", 0)
.attr("cy", 0)
.attr("r", (d) => rScale(d))
.lower()
.transition()
//.delay((d, i) => i * 10)
.duration(2000)
.attr("r", 8)
.transition()
.delay((d, i) => i * 10)
.duration(4000)
.attr("r", (d) => rScale(d));
//@velimirgasp
svg.append("g").call(xAxis).lower();
return svg.node();
}
d3.csvParse(await FileAttachment('us@1.csv').text(), d3.autoType)
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.
