NY Counties 4

100%

✓ Published0🌍 Public

Last edited May 21, 2017

Created on May 21, 2017

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.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

NY Counties

A choropleth map of New York State counties colors each county by population density using a threshold scale and the d3.schemeOrRd sequential color scheme. The map uses d3.geoPath with a transverse Mercator projection, and topojson-client to convert county boundaries from TopoJSON. Hovering highlights a county and displays its name and density in a tooltip, while a legend with a power scale explains the color ranges. Data comes from a provided GeoJSON/TopoJSON and population CSV, inspired by a Mike Bostock example.

MMTClass

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

91% match

Loading thumbnail…

NY Counties

This example visualizes population density across New York counties using a choropleth map with a threshold scale and the OrRd color scheme. Hovering over a county highlights it and displays a small pie chart comparing population, land area, and density. The visualization is rendered with SVG and uses d3.geoPath with a Transverse Mercator projection, along with topojson-client to process county boundaries and d3.queue to load population data from JSON files.

MMTClass

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

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

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

81% 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.

80% match

Loading thumbnail…

MD Counties 4

An interactive choropleth map of Maryland counties displays population density using a sequential color scale, with hover effects revealing county details. A donut chart in the corner dynamically updates to show population, land area, and density proportions for the selected county. Built with D3 v4, the visualization uses `d3.geoConicConformal` for projection, `d3.geoPath` for rendering shapes, and `d3.pie`/`d3.arc` for the chart. Population data is sourced from JSON files, while county boundaries come from TopoJSON.

MMTClass

80% match