data visualization developer, runner, musician
nycOpenData = d3.json(nycOpenDataLookup[datasets])
path = d3.geoPath()
.projection(d3.geoConicConformal()
.parallels([33, 45])
.rotate([96, -39])
.fitSize([width, height], nyc))
contoursData = {
let values = [];
nyc.features.map(neighborhood => {
const lookupVal = "$" + nycNeighborhoodLookupMap[neighborhood["properties"]["neighborhood"]];
const numPopulation = neighborhoodLookup[lookupVal];
d3.range(numPopulation/1000).map(Object).forEach((d,i) => {
values.push({"neighborHoodD": neighborhood, popID: i});
})
})
return values;
}
densityContours = d3.contourDensity()
.x(d => path.centroid(d.neighborHoodD)[0])
.y(d => path.centroid(d.neighborHoodD)[1])
.size([width, height])
.cellSize(contourCellSize)
.bandwidth(bandWidth)
(contoursData)
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.
