index.html
<!DOCTYPE html>
<html>
<head>
<title>
Scatter Plot COVID-19 Vaccination and Cases with Dual Axis
</title>
<link
rel="preconnect"
href="https://fonts.gstatic.com"
/>
<link
href="https://fonts.googleapis.com/css2?family=Share+Tech&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="styles.css" />
<script src="https://unpkg.com/d3@6.7.0"></script>
</head>
<body>
<script
src="https://unpkg.com/d3-svg-annotation@2.5.1/d3-annotation.min.js"
>
<script src="bundle.js">
</script>
</body>
</html>
COVID-19 vaccination rates in blue versus reported cases in gray.
Data are from CDC COVID-19 US population vaccination counts as proportions of the US population size and the NYT COVID-19 infection 7-day trailing average cases counts for the US population using a dual y-axis for the two public use data sets.
Credits: *reusable scatter plot inspired by
Towards Reusable Charts
Observable: selection.join
Curran Kelleher Reusable D3 Scatter Plot B&W*
MIT Licensed