New York City Census Tracts

100%

New York City Census Tracts

✓ Published0🌍 Public

Last edited May 7, 2024

Created on May 7, 2024

This visualization displays New York City census tract boundaries as a geographic map, rendered using D3’s `d3.geoPath` on a TopoJSON topology loaded from the `tl_2023_36_tract.json` file. The data originates from the 2023 U.S. Census shapefiles, which were simplified with Mapshaper. The map shows the spatial distribution of tracts across the city, with the D3 projection transforming the geographic coordinates into a navigable 2D layout.

AI-generated description

Data for New York census tracts, downloaded from https://www.census.gov/cgi-bin/geo/shapefiles/index.php?year=2023&layergroup=Census+Tracts and processed using https://mapshaper.org/.

Similar vizzes

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

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

88% match

Loading thumbnail…

New York Census Tracts

This example displays New York Census Tracts as gray polygons with black borders, rendered as SVG paths that fill the viewport. Loading GeoJSON via `d3.json` and converting TopoJSON with `feature`, the map uses `d3.geoPath` without a projection. The visualization supports interactive panning and zooming through `d3.zoom`, which applies transformations to a group element. Hovering changes a tract’s fill to red via CSS. Data comes from Mike Bostock’s New York Census Tracts block, using TopoJSON and D3 v5.

CCurran Kelleher

87% match

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…

Fork of WIP New York Census Tracts Demographics

This visualization maps New York Census Tracts, coloring each polygon by its white population count from the 2018 American Community Survey API. The map uses `d3.geoPath` to render TopoJSON shapes into SVG paths and `d3.scaleSequential` with `interpolateGreens` for the choropleth encoding. Data joins associate census tract IDs with survey variables like B02001_002E, and a `d3.zoom` handler enables panning and zooming of the geographic display.

PPhilippe Rivière

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

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

80% match

Loading thumbnail…

New York Census Tracts Demographics: Black

This visualization maps New York census tracts, using the intensity of orange to represent the population identifying as Black or African American, from 2018 American Community Survey data. It displays tract polygons rendered with `d3.geoPath` in an SVG, colored by a sequential scale using `scaleSequential` and `interpolateOranges`. The code loads TopoJSON geometry and ACS data via `Promise.all`, then maps each tract to its demographic values, with hover highlighting and zoom support via D3’s zoom behavior.

CCurran Kelleher

80% match