News and graphics at @ClimateLab, a project of @PostGraphics.
Published
Edited
Jan 5, 2021
5 forks
9 stars
data = {
const data = [];
let week = 0;
// We divide by 2 because it's two shots
for (let vax = 0; vax <= pop; vax += vaxPerWeek / 2){
data.push({
week,
vax
});
week++;
}
return data;
}
weekCrossed = data.find(d => d.vax >= hit);
pop = 330e6 // U.S. population is about 330 million. Try changing this value to your country's population!
hit = pop * (herdImmunityThreshold / 100)
line = d3.line()
.curve(d3.curveStepAfter)
.x(d => xScale(d.week))
.y(d => yScale(d.vax));
xScale = d3.scaleLinear()
.domain(d3.extent(data, d => d.week))
// .domain([0, Math.max(104, d3.max(data, d => d.week))])
.range([0, chartWidth]);
yScale = d3.scaleLinear()
.domain([0, pop])
.range([chartHeight, 0]);
margin = ({left: 35, right: 10, top: 26, bottom: 42});
chartWidth = width - margin.left - margin.right;
chartHeight = {
const min = 400, max = 500;
return Math.max(Math.min(width * 9 / 16, max), min) - margin.top - margin.bottom;
}
d3 = require("d3@6")
geometric = require("geometric@2")
import { slider } from "@jashkenas/inputs"
import {tweet} from "@mbostock/tweet"
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.
