Award-winning creative focused on data-driven art and visualizations, trying to push the boundaries of the web one visual story at a time ✨
Published
Edited
Jul 9, 2021
8 stars
dataByCounty
masterData
viewof t = Inputs.table(data, {columns:["State", "County"]})
SummaryTable(data)
Inputs.table(dataByCounty, {
format: {
types: d => _.map(d, 'type').join(","),
issues: d => _.map(d, 'type').join(",")
}
})
viewof selectedYear = Inputs.range([2012, 2018], {label:"Pick a year", step:1, value:2018})
selectedYear
dataByCounty[0].eavsData
// "very straightforward" data wrangling- promote the eaves data up into the object
dataWithEAVS = dataByCounty.flatMap(d => {
_.each(d.eavsData, (val, key) => {
if (_.isObject(val)) Object.assign(d, {[val.label]: val[selectedYear]})
})
return d
})
<div style="max-height:300px; overflow:scroll;">${SummaryTable(dataWithEAVS)}</div>
viewof search = Inputs.search(column_names, {placeholder: "Search for columns"})
aq.from(dataWithEAVS)
.select('delay', 'time')
.view()
search
column_names = Object.keys(dataWithEAVS[0])
dataWithEAVS
addTooltips(Plot.plot({
facet: {
data: dataWithEAVS,
y: 'state',
label:'',
marginLeft: 100
},
fy: {
label:""
},
marks: [
Plot.dot(dataWithEAVS, {
x: 'time',
r: 'delay',
title: d => `State: ${d.state}\nTime: ${d.time}\n delay:${d.delay} hours`,
fill: 'state'
})
]
})
)
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
Questions
Does length of delay vary by type of problem?
Geographic comparisons?
% of issues for a certain category across counties
delays across counties or states
correlation between rejected ballots and voter intimidation
Long lines
Correlation between long lines/delays and population number?
Were there less polling stations per person / per population (where delays)?
Were long lines associated with certain times of day?
Tech problems
What is the average internet access of counties?
in relation to delays?
rural vs urban?
Voter intimidation
...
Disregard for COVID-19
...
import {groupedByFIPS as dataByCounty} from 'fe3067837db50860'
import {masterData} from '@sxywu/all-project-data-cached'
import {SummaryTable} from "@observablehq/summary-table"
import {aq, op} from "@uwdata/arquero"
import {addTooltips} from "@mkfreeman/plot-tooltip"
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.
