Fork of Grid Sampling on Census Tracts - Optimized

100%

Fork of Grid Sampling on Census Tracts - Optimized

✓ Published1🌍 Public

Last edited May 8, 2024

Created on May 8, 2024

Forked from Grid Sampling on Census Tracts - Brute Force

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

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.

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

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

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

88% match

Loading thumbnail…

Grid Sampling on Census Tracts - Brute Force

This example demonstrates a brute-force approach to sampling points from a set of New York City census tracts, visualizing them as a uniform grid of circles that appear only over land. The map uses an orthographic projection, and the code iterates through every grid cell, testing each one for land inclusion by checking if it falls within any census tract polygon using `d3.geoContains`. The base map is drawn with `d3.geoPath`, and the census tract data comes from a Gist containing processed TIGER/Line shapefiles.

CCurran Kelleher

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

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

81% match

Loading thumbnail…

New York City Census Tracts

This interactive visualization displays New York City census tracts on a rotatable and zoomable orthographic globe projection. The map shows tract boundaries with empty fills and thin black strokes, draggable to adjust rotation and zoomable to change the scale. The code uses d3.geoOrthographic, d3.geoPath, d3.drag, and d3.zoom to render and manipulate the map. Census tract geometry comes from a TopoJSON file downloaded from the U.S. Census Bureau and processed with Mapshaper, with demographic data from the American Community Survey.

CCurran Kelleher

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

78% match