NYS Map

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.

89% match

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.

88% match

NYS V2

This interactive map of New York State displays county boundaries, which change color on hover and can be clicked to zoom in and isolate a selected county while hiding the others. A tooltip shows the county name, and a return button restores the full map view. Built with D3 v7 and TopoJSON, it uses `d3.geoMercator`, `d3.geoPath`, and SVG elements, with county boundaries from a TopoJSON file and district data loaded from external CSV files.

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.

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.

NYS-2023

This example displays a choropleth map of New York State’s counties for 2023, rendered as SVG paths. Each county is filled with a light gray and strokes in white, while hovering highlights the county in orange. The visualization uses D3’s `geoPath` for map geometry and relies on CSS for styling, with JavaScript loading the GeoJSON data from a URL. It emphasizes clear, interactive county boundaries without additional statistical encoding.

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

84% match

ONE MAP TO RULE THEM ALL!

This example visualizes a static map of New York State’s counties, rendered as green filled paths on a light background. The code loads a TopoJSON file from a GitHub Gist and converts it into GeoJSON features using the `topojson` library. It then applies the `d3.geoAlbersUsa()` projection and draws each county with `d3.geoPath`. The visualization is framed within a 900-by-600 SVG container, with the map’s shape defined by the provided data and a simple border, but it includes no interactive or clickable elements despite the page’s title.