Skip to main content
SimilarExport ZIP
100%

NY state map

✓ Published0🌍 Public
NNita
Last edited May 1, 2025
Created on May 1, 2025

A choropleth-style SVG map displays New York State's counties, filtered from a TopoJSON US atlas by state FIPS code. The map uses the Albers USA projection via `d3.geoAlbersUsa()` and renders county boundaries with `d3.geoPath()`. D3's data join methods add, update, and remove path elements as data changes. County shapes are filled pale green with gray strokes, sized within an 800 by 900 pixel SVG.

AI-generated description

Simple NY County Map

This visualization displays a map of New York State counties using D3.js and TopoJSON.

The map uses the Albers USA projection focused on New York State.

MIT Licensed

Similar vizzes

Loading thumbnail…

NYS Map

This visualization displays a map of New York State’s counties, rendered as an SVG using React and D3. The code employs `d3.geoAlbersUsa` for projection, `d3.geoPath` for drawing, and TopoJSON to parse the county boundaries from a remote gist. County outlines are shown in white with black strokes, while interstate borders are hidden with no stroke. The map is static and loads asynchronously via `d3.json`, displaying a loading message until the data is ready.

Llupica.matthew@gmail.com
86% match
Loading thumbnail…

NY Counties

This example presents a map of New York State counties, colored white with gray borders, against a backdrop of the broader U.S. boundary with a subtle drop-shadow effect. Hovering over a county highlights it in crimson and displays its name and population in an overlay. The visualization uses D3 v4 with `d3.geoPath` and a transverse Mercator projection, loading TopoJSON county geometries and population data from a GitHub repository. The map renders as SVG, leveraging a blur filter and `topojson-client` for feature conversion and state boundary meshing.

MMTClass
85% match
Loading thumbnail…

NY State Map 1 - working

This interactive map of New York State displays all county boundaries with a blue sequential color scale and marks ten major cities with labeled dots. It uses D3.js v7 with TopoJSON to load US states and counties from the us-atlas CDN, filtering features for New York’s FIPS code. The code applies d3.geoMercator projection with fitSize, renders paths via d3.geoPath, and adds hover effects on counties with tooltips showing FIPS codes.

NNita
85% match
Loading thumbnail…

NY state map with React and D3

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.

NNita
85% match
Loading thumbnail…

map: NY Counties

This interactive map displays New York State counties using a glitchy, layered rendering technique. The visualization uses D3’s geoAlbersUsa projection and geoPath to render county boundaries from a TopoJSON source, with hover effects that highlight individual counties. The map also includes world landmasses and graticules, creating an overlapping collage effect where the state’s counties appear superimposed on global geography. React manages the component state while D3’s json and topojson.feature APIs load and parse the geographic data for SVG rendering. The stylized CSS uses semi-transparent fills and hover states to emphasize the experimental aesthetic.

Zzach b.
84% match
Loading thumbnail…

NY Counties

This visualization displays New York’s counties on a map, colored white with gray borders, and highlights each county in crimson on mouseover while showing its name and population in an info box. It uses d3.geoPath with a transverse Mercator projection, d3.queue to load TopoJSON county boundaries and population data, and topojson-client to convert geometries. The map also includes a blurred drop shadow and white overlay for a layered effect, with state boundaries drawn as a mesh.

MMTClass
84% match
Loading thumbnail…

NewYorkCounty

This example shows a choropleth-style interactive map of New York County and its surrounding counties, rendered with SVG paths. Users select a US state from a dropdown menu, which triggers an animation as the map re-centers and re-scales to fit the selected state using `d3.geoIdentity` and `d3.geoPath`. Hovering over a county highlights it in orange and displays its name in a tooltip. The visualization uses `topojson.feature` to parse US county and state boundaries from the `us-10m.v2` TopoJSON file, with data from `county_data.tsv`.

Kkenny-wq
84% match
Loading thumbnail…

Fork of HTML Starter

This visualization shows all counties in New York State as a clean, minimalist SVG map. It filters county features from the US Atlas TopoJSON dataset using the state FIPS code 36. The map is rendered with D3.js v7, using `d3.geoPath` and a scaled `d3.geoAlbersUsa` projection to draw each county boundary with a soft fill and dark stroke.

NNita
84% match