Skip to main content
SimilarExport ZIP
100%

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

✓ Published1🌍 Public
CCurran Kelleher
Last edited Apr 28, 2025
Created on May 8, 2024

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.

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

Data resides in Gist: New York City Census Tracts.

See also:

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Grid Sampling on Census Tracts - Coloring the Grid

This interactive map visualizes New York census tracts on an orthographic projection, with a uniform grid of circles overlaid across the viewport. Grid points inside tract boundaries render as larger, colored circles using a sequential Cubehelix color scale, while points outside remain small. The code uses `d3.geoOrthographic`, `d3.geoPath`, and `topojson-client` for rendering, with `@turf/turf` for point-in-polygon tests and `rbush` for spatial indexing. Census data comes from a Gist, and drag and zoom interactions adjust rotation and scale.

CCurran Kelleher
93% match
Loading thumbnail…

Fork of Grid Sampling on Census Tracts - Optimized

This example visualizes New York City census tracts on an orthographic globe projection, styled as a choropleth-like grid of points sampling each tract’s interior. The visualization shows demographic data from the U.S. Census Bureau’s 2023 ACS estimates. It uses `geoOrthographic`, `geoPath`, and a custom `map` module to render tract boundaries and a uniform grid of points, with an RBush spatial index and turf’s `booleanPointInPolygon` to test which grid points fall inside tracts. Drag and zoom interactions adjust the globe’s rotation and scale via `d3.drag` and `d3.zoom`.

CCurran Kelleher
89% 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
89% 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
87% match
Loading thumbnail…

Fork of New York Census Tracts Demographics: Black, Sqrt scale

This example visualizes the Black population distribution across New York census tracts, using a sequential square-root scale with the orange color palette to emphasize differences in population counts. The map supports pan and zoom interactions, with hover effects highlighting individual tracts. The code fetches demographic data from the American Community Survey API and combines it with TopoJSON geographic boundaries, rendering the result as SVG paths using `d3.geoPath`. It employs `d3.scaleSequentialSqrt` and `d3.interpolateOranges` for color encoding, with zoom handled by `d3.zoom`.

CCurran Kelleher
86% match
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
83% 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
82% match
Loading thumbnail…

Census Tracts Contours with Two Variables and City Labels

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.

CCurran Kelleher
82% match