Illinois COVID-19 data and visualizations. A personal project of David Eads + Grupo Visual.
Published
Edited
Mar 15, 2020
import { HyperGrid } with {
style as hypergridStyle
} from "@chicagoreporter/hypergrid"
conwayTable = HyperGrid(committees2020[0].receipts)
style = html`
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
<style>
.vtable {
font-family: "VT323", monospace;
font-size: 18px;
line-height: 1;
color: lime;
background-color: black;
}
.vrow {
width: 100%;
overflow: hidden;
}
.vrow-inner {
display: grid;
width: 100%;
overflow: hidden;
align-items: center;
}
.vrow-header {
overflow-y: scroll;
width: 100%;
position: relative;
scrollbar-width: none;
}
.vrow-header .vrow-inner {
background-color: black;
border-bottom: 1px dotted #999;
}
.vrow-inner span {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style>`
import { committees2020 } from "@chicagoreporter/cook-county-states-attorney-race-2020-campaign-finance-ana"
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.
