Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE- 8 Country Map- Portland

Public visualization

ICE- 8 Country Map- Portland

0 stars0🌍 Public
AAmruthaVee
Last edited Apr 13, 2023
Created on Apr 13, 2023
Forked from D3 Starter

This example displays a map of Portland neighborhoods as SVG paths, using a conic equal-area projection centered on the city’s coordinates. The map is built with React, which fetches TopoJSON data via the `useData` hook and `d3.json`, converts it to GeoJSON with `topojson.feature`, and renders it through `d3.geoPath`. Each neighborhood boundary is drawn as a stroked path, with styling applied through CSS classes. The visualization updates asynchronously, showing a loading message until the geographic data arrives.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed