Illinois COVID-19 data and visualizations. A personal project of David Eads + Grupo Visual.
Embed Tracking COVID-19 in Illinois graphics and toolsCOVID-19 in Illinois - Latest State Government CountsCOVID-19 In Illinois - ZIP code lookupCOVID-19 in Illinois - Tracking the spread over timeCOVID-19 In Illinois - The Restore Illinois planCOVID-19 in Illinois - Current statewide demographicsCOVID-19 In Illinois - Restore MetricsCOVID-19 in Illinois - Historical CountsCOVID-19 API helpersHistorical Illinois COVID-19 ZIP code data
ChiVaxBot Embed
VaxbotEmbedEN = vaxbot("en")
vaxbot = async function(lang) {
// await triggerEmbedAnalytics("Vaxbot embed - " + lang);
const dyingCaption = "Who is dying:";
const vaxCaption = "Who is vaccinated:";
const dyingMap = "https://storage.googleapis.com/chivaxbot/deaths-latest.png";
const vaxMap = "https://storage.googleapis.com/chivaxbot/vax-latest.png";
const altText =
"Two maps of Chicago, side by side. The map on the left shows COVID-19 deaths per capita by ZIP code. The map on the right shows completed COVID-19 vaccination per capita by ZIP code. The maps reveal a disconnect between where residents are getting vaccinated and where COVID-19 deaths are concentrated.";
return html`
<div class=container>
<h3 style="text-transform:none;">As of ${vaxbotText.as_of}, Chicago is reporting <span style="color:#db4a36;">${vaxbotText.vaccinations}</span> people fully vaccinated: <span style="color:#db4a36;">${vaxbotText.percent_vaccinated}%</span> of the population.</h3>
<table style="border:none;margin-bottom:0;">
<tr>
<td style="border:none;font-size: 1.15em;"><p class="tweet">${dyingCaption}</p></td>
<td style="border:none;font-size: 1.15em;"><p class="tweet">${vaxCaption}</p></td>
</tr>
<tr>
<td style="border:none;font-size: 1.15em;">
<img class="vaxbot-img" src=${dyingMap} alt=${altText} />
</td>
<td style="border:none;font-size: 1.15em;">
<img class="vaxbot-img" src=${vaxMap} alt=${altText} />
</td>
</tr>
</table>
<small>
Bea Malsky and Charmaine Runes for <a href="https://southsideweekly.com/chivaxbot">South Side Weekly</a><br />
Source: <a href="https://data.cityofchicago.org/">Chicago Data Portal</a>
</small>
</div>
`;
}
vaxbotText = fetch(
`https://storage.googleapis.com/chivaxbot/sentence-latest.json?ignoreCache=1`
).then(response => response.json())
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.
