Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

NY state map with React and D3

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

26ad7a6f4e0949ffaf9dee10a53cb55a

Open

NY state map with React and D3

0 stars0🌍 Public
NNita
Last edited May 1, 2025
Created on May 1, 2025

This interactive map displays New York State’s counties with hover tooltips revealing county names and FIPS codes. The visualization uses React for component state and layout dimensions via a ResizeObserver, while D3.js handles geographic rendering with `d3.geoPath`, `d3.geoAlbers`, and TopoJSON data from the us-atlas package. County boundaries are drawn as SVG paths, and labels are positioned using path centroids.

AI-generated description

New York State County Map

An interactive map of New York State counties built with React and D3.js. Hover over counties to see their names and FIPS codes.

Features

  • Interactive county visualization
  • Tooltip with county information
  • Responsive design

Implementation

  • React for UI components and state management
  • D3.js for geographic visualization
  • TopoJSON for efficient geographic data representation