New York Population Density

100%

New York Population Density

✓ Published0🌍 Public

Last edited Feb 9, 2016

Created on Jan 16, 2014

A choropleth map of New York State census tracts displays population density, with a color scale ranging from light orange to dark red. Each tract's density is computed by dividing its population, sourced from the ACS_12_5YR_B01003_with_ann.csv file, by its area. The visualization uses d3.geo.path() to render the SVG paths from TopoJSON data, and d3.nest() groups tracts by color for efficient rendering. The map is projected using a custom Mercator projection centered on the state.

AI-generated description

Using New York Census Tracts.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

New York Map

This map of New York census tracts uses a green sequential color scale to show the concentration of white residents per tract, with darker greens indicating higher counts. The visualization fetches census tract boundaries as TopoJSON and demographic data from the American Community Survey API, then joins them by tract ID. The code uses d3.geoPath to render the SVG paths and d3.scaleSequential with interpolateGreens for color encoding, while d3.zoom enables interactive panning and zooming of the map.

AAnnie Ulichney

83% match

Loading thumbnail…

New York Census Tracts

A choropleth-style map of New York census tracts renders all tract polygons in gray, with tract borders drawn in dark gray to reveal the state's internal administrative divisions. The visualization loads pre-projected TopoJSON geographic data (`ny.json`), which the code trims by excluding water-only county rows. Using d3.geo.path with a null projection for rendering and topojson.feature to convert the geometry, the map displays tract IDs as SVG title tooltips on hover. The style uses default light gray fills for each tract polygon.

CCurran Kelleher

83% match

Loading thumbnail…

New York Census Tracts

A map of New York State census tracts appears in gray, with orange highlighting on hover and dark borders outlining each tract. The visualization uses D3.js (v3) with TopoJSON to load and project geographic data from `ny.json`, and `d3.geo.path()` converts the topology features into SVG paths. The data is filtered to exclude water counties, and tract IDs are displayed as tooltips.

Mmbostock

82% match

Loading thumbnail…

New York Census Tracts Demographics: White

This visualization shades New York census tracts by the number of white residents, using a green sequential scale where darker greens indicate higher counts. The map loads TopoJSON geometry and American Community Survey demographic data fetched from a GitHub gist, then joins the data to each tract. It renders SVG paths with `d3.geoPath`, applies an `interpolateGreens` color scale via `scaleSequential`, and supports pan and zoom through `d3.zoom`. Hovering over a tract logs its properties to the console.

CCurran Kelleher

79% match

Loading thumbnail…

Broken New York Census Tracts Demographics

This example shows New York State census tracts colored by their white population count using a green sequential color scale. The visualization maps demographic data from the 2018 American Community Survey API onto census tract polygons, which are rendered using `d3.geoPath` with a null projection. The code combines `d3.json` and `d3.tsv` for data loading, TopoJSON for feature extraction, and `d3.scaleSequential` with `interpolateGreens` for color encoding. However, the visualization is incomplete, as the code logs console output for hovered tracts but does not display tooltips or a legend, and the color mapping may fail due to mismatched tract IDs between the TopoJSON and ACS data sources.

CCurran Kelleher

78% match

Loading thumbnail…

Fork of WIP New York Census Tracts Demographics

This visualization displays demographic data for New York Census Tracts, coloring each tract by its white population count using a sequential green color scale. The map is rendered as an SVG using d3.geoPath, with the geographic boundaries provided by TopoJSON. Population data comes from the American Community Survey API, which is fetched asynchronously and merged with the tract geometries. Users can pan and zoom the map via d3.zoom, and hovering over a tract logs its properties to the console.

PPekka Pulli

78% match

Loading thumbnail…

U.S. Population Density

This map visualizes U.S. population density by census tract using a choropleth coloring scheme, with darker reds indicating higher people per square mile. It renders static SVG via an HTML image tag, and the map is derived from 2014 American Community Survey data joined with census tract boundaries. The build uses TopoJSON CLI tools (`geo2topo`, `topomerge`, `toposimplify`) and D3 projections (`d3.geoAlbersUsa`), with color bins defined by `d3.schemeOrRd` and a custom legend.

Mmbostock

78% match

Loading thumbnail…

Opacity Linear Scale

This visualization maps New York census tracts, using a green color scale to represent the white population density—the greener the tract, the more white residents it has. The data comes from the American Community Survey API, joined with TopoJSON geometry from a GitHub gist. The code uses d3.scaleLinear to map white population counts to an opacity range, creating a semi-transparent overlay, while d3.geoPath renders the tract shapes and d3.zoom enables pan and zoom interaction.

Llimenzi

77% match