News dev at the San Francisco Chronicle. Previous designer/dev at the Milwaukee Journal Sentinel.
map = {
svg.append("path")
.datum(topojson.feature(us, us.objects.states)
.attr("class", "state")
.attr("d", path)
.attr("fill", "#ccc")
svg.append("path")
.datum(topojson.mesh(us, us.objects.states, function(a, b) { return a !== b; }))
.attr("class", "state-boundary")
.attr("d", path)
.attr("fill", "none")
.attr("stroke", "#fff");
svg.append("path")
.datum(topojson.merge(us, us.objects.states.geometries.filter(function(d) { return midwest.has(d.id); })))
.attr("class", "state midwest")
.attr("d", path)
.attr("fill", "#89A46F")
.attr("stroke", "#000");
svg.append("path")
.datum(topojson.merge(us, us.objects.states.geometries.filter(function(d) { return notMidwest.has(d.id); })))
.attr("class", "state nope")
.attr("d", path)
.attr("fill", "#BB3C04")
.attr("stroke", "#000");
return svg.node();
}
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.
