Skip to main content
SimilarExport ZIP
100%

Census Tracts Contours with Two Variables and City Labels

✓ Published2🌍 Public
CCurran Kelleher
Last edited Oct 9, 2025
Created on May 10, 2024

This example visualizes demographic patterns across New York City census tracts as smooth, colored contour layers, with orange representing the Black population and green representing the White population. The contours are computed from a grid of sampled values using spatial indexing with RBush and point-in-polygon tests via Turf. City labels appear for municipalities above a population threshold, and the orthographic projection supports pan and zoom interactions. The visualization relies on D3’s `geoPath`, `contours`, `geoTransform`, and `scaleSequential` APIs, with data sourced from the 2023 Census Tracts and ACS demographics.

AI-generated description

A rough prototype for computing contours from census tracts. Warning: performance is poor! This has not been optimized.

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/.

Data resides in Gist: New York City Census Tracts.

See also:

MIT Licensed

Similar vizzes

Loading thumbnail…

Census Tracts Contours with City Labels

This interactive visualization displays demographic data across New York City census tracts using colored contour layers, with orange representing the Black population and green representing the white population, overlaid with city labels. The code builds a spatial index with RBush, samples data points through turf.booleanPointInPolygon, and uses d3.contours with blur2 smoothing to generate the density regions. Orthographic projection, panning, and zooming are implemented via d3.geoPath, drag, and zoom behaviors. Census tract boundaries and demographic data come from processed government shapefiles and ACS datasets.

CCurran Kelleher
95% match
Loading thumbnail…

Prototype of Geo Contours on Census Tracts

This prototype visualizes demographic distributions across New York City census tracts using geospatial contour lines. It blends overlaid choropleth-style contours colored by race (white, Black, Asian) onto a 3D orthographic projection, with an interactive pan-and-zoom interface. Data comes from the US Census Bureau’s 2023 Tracts shapefile and ACS estimates. The code uses `d3.geoOrthographic`, `d3.geoPath`, `d3.contours`, `@turf/turf` for point-in-polygon tests, and `RBush` for spatial indexing of tract boundaries.

CCurran Kelleher
87% match
Loading thumbnail…

Grid Sampling on Census Tracts - Contours from Sampling

This interactive map displays the distribution of the Black population across New York City census tracts. It creates and renders contour polygons derived from a grid-sampled raster of demographic data, which is then blurred and thresholded using D3’s `contours` and `blur2` APIs. The contours are converted to GeoJSON via Turf, while the base layer uses `geoOrthographic` and `geoPath`. County data comes from the 2023 Census Tracts shapefile, enriched with ACS demographic estimates.

CCurran Kelleher
84% match
Loading thumbnail…

Fork of Grid Sampling on Census Tracts - Contours from Points

This interactive map visualizes contours of Black population density across New York City census tracts, projected on a rotatable orthographic globe. The visualization uses D3’s `geoOrthographic`, `geoPath`, and `contourDensity` APIs to generate smoothed density bands from tract centroid points weighted by population and land area, colored with a sequential orange scale. Census tract boundaries appear as thin black outlines, while drag and zoom interactions rotate and scale the projection in real time via `d3.drag` and `d3.zoom`. Data comes from the 2023 Census shapefiles and ACS demographics, loaded via `d3.json` and processed with `topojson-client`.

CCurran Kelleher
83% match
Loading thumbnail…

Fork of Fork of Fork of Grid Sampling on Census Tracts - Coloring by Data

This visualization displays New York City census tracts as a grid of colored squares, where each square’s color intensity represents the Black population count within the tract containing that grid point. The map supports drag-to-pan and zoom interactions, using a geographic orthographic projection. It relies on D3’s `geoOrthographic` and `geoPath`, alongside Turf’s `booleanPointInPolygon` and an RBush spatial index for efficient point-in-polygon queries. Data comes from the 2023 Census Bureau shapefiles and American Community Survey demographics, both loaded as JSON.

CCurran Kelleher
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: 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
Loading thumbnail…

New York Census Tracts Demographics: Black, Log scale

This example visualizes the racial demographics of New York census tracts, focusing on the Black population using a sequential log color scale that maps darker oranges to higher counts. It renders an SVG map of tracts using d3.geoPath and topojson, with geographic data from a local GeoJSON file and demographic data fetched live from the American Community Survey API. The map supports zooming and panning through d3.zoom, and tract details are printed to the console on mouse hover.

CCurran Kelleher
79% match