Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Portland Map

Public visualization

Viewing a saved revision (read-only)

c3877ce9b82345c08ba59351d6512ea0

Fork of Portland Map

0 stars0🌍 Public
Nnagamaheswar
Last edited Apr 1, 2022
Created on Apr 1, 2022
Forked from 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 description