Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published2🌍 Public
AAnnie Ulichney
Last edited Apr 8, 2021
Created on Apr 6, 2021
Forked from D3 Starter

This example visualizes the counties of New York State using a Transverse Mercator projection, with state boundaries outlined and counties filled in gray. Hovering over a county highlights it in light blue. The code loads US TopoJSON data via `d3.json`, extracts New York using `topojson.feature`, and applies a clipping path to restrict county paths to the state outline. It uses `d3.geo.path` for rendering and `path.bounds` to auto-fit the projection scale and translation.

AI-generated description
MIT Licensed

Similar vizzes

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
89% match
Loading thumbnail…

Untitled

This example displays a map of New York counties using an Albers USA projection with D3 v3 and TopoJSON, showing county boundaries and state borders in white. Clicking a county triggers a smooth zoom animation that centers the view on that region, highlighting it in sky blue while scaling stroke widths inversely. The visualization uses `d3.geo.albersUsa`, `d3.geo.path`, and a 750-millisecond transition with the `scale` and `translate` transforms, with data loaded from a GitHub-hosted TopoJSON file.

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

Untitled

This example displays a choropleth map of the United States with counties rendered as SVG paths, filled in light gray and highlighted in light blue on hover. The code loads a TopoJSON file of US counties from a remote GitHub repository and uses `d3.geo.mercator` with a fitted projection to size and position the map within the viewport. Counties are drawn via `d3.geo.path`, and the script references an additional tooltip feature using `d3.tip` in the accompanying test.js file, though that tooltip is not implemented in the visible code. The map is rendered entirely with D3 v3 and SVG.

AAnnie Ulichney
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
86% 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
86% 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
85% match
Loading thumbnail…

NYS V3

An interactive choropleth map of New York State displays its counties, which change color and reveal a tooltip with the county name on hover. Clicking a county hides all others and shows a full-width “Return” button, though the code’s data-entry section is empty, so no additional details appear. Built with D3 v7 and topojson, it uses `d3.geoMercator`, `d3.geoPath`, and `d3.geoBounds` to project and render GeoJSON/TopoJSON data, with SVG paths styled via CSS.

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

Untitled

This interactive map displays the towns of New York State, rendered as SVG paths using TopoJSON data. Users can click any town to zoom in on it with a smooth transition, and clicking again returns to the full state view. The visualization uses `d3.geo.albersUsa` for the projection and `d3.geo.path` for drawing, with click handling that triggers a 750-millisecond `g.transition` to scale and translate the view. The active town is highlighted in sky blue via CSS class toggling, while county borders remain white.

Llupica.matthew@gmail.com
84% match