Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
NNita
Last edited May 1, 2025
Created on May 1, 2025
Forked from 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.

AI-generated description

New York State County Map

A simple D3.js visualization that displays a map of New York State counties.

Features

  • Displays all counties in New York State
  • Uses D3.js and TopoJSON for mapping
  • Clean, minimalist design

Data Source

The map uses data from the us-atlas project, specifically the counties-10m.json file.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of NewYorkCounty

This fork of NewYorkCounty displays a state of the US with its counties as an interactive SVG map, emphasizing a clean white and black aesthetic. The visualization's central mechanism is a dropdown selector that switches between states. Clicking on a county slides in a sidebar with its name, while hovering highlights the county in orange and shows a tooltip. It leverages d3.geoPath with a geoIdentity projection to render the map, and uses topojson-client to parse the US-10m TopoJSON file. All county and state geometry is drawn as SVG paths, with animated transitions on hover.

HHalvorte
87% match
Loading thumbnail…

NY state map

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.

NNita
84% match
Loading thumbnail…

Fork of NYS Map TEST TEST TEST

This interactive map displays the counties of New York State, rendered as white regions with black outlines. It uses a custom Albers equal-area conic projection applied via `geoAlbersUsa()` and `geoPath` from D3 v5, with React managing the SVG output. The geographic data originates from a JSON file fetched with `d3.json` and processed using `topojson` functions `feature` and `mesh`. On mouse hover, the code logs an event to the console.

Llupica.matthew@gmail.com
82% match
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
82% 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
81% match
Loading thumbnail…

Untitled

This example displays an interactive SVG map of New York State’s counties, rendered in light gray with black borders that highlight in light blue on hover. It uses D3 v3 with the Albers projection and `d3.geo.path` to draw the geographic features, filtered from a TopoJSON file by state FIPS code 36. The map loads county boundaries from a remote GitHub-hosted dataset, while an accompanying test file defines a tooltip with `d3.tip` for potential data annotations.

AAnnie Ulichney
80% match
Loading thumbnail…

Untitled

This interactive map of New York State highlights four counties (St. Lawrence, Chemung, Ulster, and Albany) in steel blue based on data from a CSV file. The visualization embeds an SVG map, using D3 v3 with queue.js to load and style the counties. Hovering over any county displays a tooltip with its name and changes the fill color, while clicks can select a county. The code implements these effects using D3's selection and event handlers, transitioning between CSS classes like `.highlight`, `.hover`, and `.active`.

AAnnie Ulichney
80% 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.
79% match