🌍 Public
Viewing a saved revision (read-only)
c3877ce9b82345c08ba59351d6512ea0
Fork of Portland Map
This example displays a choropleth-style map of Portland neighborhoods, rendered as a single-color outline using a conic equal-area projection. The visualization uses React to manage the component lifecycle, with `useData` fetching TopoJSON from a GitHub gist and converting it to GeoJSON via `topojson.feature`. The `d3.geoPath` function, configured with `d3.geoConicEqualArea`, transforms the geographic coordinates into SVG paths, which are styled with a teal stroke. The map is centered on Portland’s coordinates and scaled to fit a 960×500 viewport.
AI-generated descriptionA scatter plot of Data Canvas Sense Your City Dataset.