NY Counties

100%

✓ Published0🌍 Public

Last edited May 18, 2017

Created on May 18, 2017

This example displays a map of New York counties overlaid with earthquake data from the USGS all-week feed. The visualization uses the D3.js `geoConicConformal` projection to transform geographic coordinates, with `topojson-client` converting TopoJSON to GeoJSON features for rendering as SVG paths. County boundaries appear in pink, while earthquakes are plotted as points whose color changes to yellow on mouseover, with details shown in a floating info panel. The map includes a green nation boundary with a drop-shadow effect created using SVG filters.

AI-generated description

Similar vizzes

Loading thumbnail…

NY Counties

This example visualizes earthquake epicenters overlaid on California county boundaries. Red points mark quake locations; a tooltip shows each event's magnitude and place name, while a yellow highlight appears on hover. The visualization uses a conic conformal projection and plots California counties from a TopoJSON file, with earthquake data pulled from the USGS GeoJSON feed. The code employs d3.geoPath for map rendering, d3.json for loading both datasets, and mouseover/mouseout events for interactivity.

MMTClass

87% 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

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…

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.

83% match

Loading thumbnail…

NY Counties

A map of New York counties displays population density and includes an interactive pie chart in the corner. Hovering over a county highlights it in crimson and shows its name and total population in an overlay. The visualization uses D3 v4 with `d3.geoTransverseMercator` and `d3.geoPath` to render TopoJSON county boundaries, while `d3.scaleThreshold` and `d3.schemeOrRd` color the map by density. Population data comes from a JSON file, and the pie chart is drawn with `d3.pie` and `d3.arc`.

MMTClass

82% match

Loading thumbnail…

NY Counties

This visualization displays California counties using a conic conformal projection, with population data shown interactively on mouseover. The map initially outlines the entire United States, then focuses on California counties filled in white. The example uses d3.geoConicConformal for projection, d3.geoPath for rendering, and topojson-client to process county boundaries from a GitHub-hosted TopoJSON file. Population values come from a separate JSON dataset matched by FIPS code, displayed with d3.format. Hovering highlights counties in yellow and shows the county name with its population.

MMTClass

81% match

Loading thumbnail…

NY Counties 4

A choropleth map of New York State counties shows population density using a threshold scale with a sequential color scheme. Hovering over a county displays a small pie chart breaking down population, land area, and density, alongside detailed statistics in an overlay. Built with D3 v4, the visualization uses `d3.geoPath` and a Transverse Mercator projection to render GeoJSON from a TopoJSON source, with `d3.scaleThreshold` and `d3.schemeOrRd` for the color encoding. A blurred drop-shadow effect is applied via SVG filters.

MMTClass

79% match

Loading thumbnail…

Untitled

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.

AAnnie Ulichney

79% match