EJ Fox & Ian Johnson
streaming data, code, acid, design
Published
Edited
Jul 22, 2020
1 fork
CMU COVIDcast API: Bubbles Textures Interactive TimelapseCMU COVIDcast API: Bubbles Dark ModeCMU COVIDcast API: Counties Sorted by PopulationCMU COVIDcast API: Bubbles ExportUS Bubble Choropleth: Travel From CentroidMap Maker Dot Density: Cumulative Covid CasesCMU COVIDcast API: Map makerCMU COVIDcast API: Map maker Bubbles Canvas
CMU COVIDcast API
Also listed in…
Season 1
// This will call the fetchData function for each signal in the list and return an array with all the data in the same order
dataList = Promise.all(
signals.map(async signal => {
const d = await fetchData(signal.signal, date, fips);
d.signal = signal.signal
d.source = signal.source
return d;
})
)
data = {
let obj = {};
dataList.forEach((d, i) => {
obj[d.signal] = d;
});
return obj;
}
md`## Visualize metric for a county over time`
renderLine(signals[0].signal)
renderLine(signals[1].signal)
renderLine(signals[2].signal)
renderLine(signals[3].signal)
renderLine(signals[4].signal)
function renderLine(signal) {
return (
vl
.markLine()
.data(
data[signal].epidata.map(d => {
let s = "" + d.time_value;
return {
time_value: new Date(
`${s.slice(0, 4)}-${s.slice(4, 6)}-${s.slice(6, 8)} 12:01`
),
value: d.value
};
})
)
.view({
height: 40
})
.encode(
vl.x().fieldT("time_value"), // date parsing!
vl.y().fieldQ("value")
)
.title(signalMap[signal].label)
//.config({ title: 'hi'})
.render()
);
}
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.
