New York Block Groups

100%

New York Block Groups

✓ Published0🌍 Public

Last edited Feb 9, 2016

Created on Jul 14, 2013

This example displays all 13,837 census block groups for New York as a single vector map, showing each polygon with a uniform thin black stroke and no fill. The visualization is rendered as an SVG using a `d3.geo.path()` projection, while the map data is loaded as TopoJSON from a local file and converted to a mesh with the `topojson.mesh()` API. The code projects the geographic coordinates for display, with the styling kept intentionally minimal to emphasize the block-group boundaries.

AI-generated description

13,837 census block groups; 13,866 polygons. 2.1M TopoJSON, 620K gzipped. Made by customizing the makefile in the U.S. Atlas project:

topojson \
	-o ny.json \
	--projection 'd3.geo.mercator().center([-75.819, 42.795]).scale(6193).translate([480, 350]).precision(0)' \
	-q 1e5 \
	-s .5 \
	-- blockgroups=shp/ny/blockgroups.shp

gpl-3.0 Licensed

Similar vizzes

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

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

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

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

73% match

Loading thumbnail…

fresh block

This interactive map visualization plots geolocated tweets across New York City’s fire divisions over time. The view displays colored borough regions overlaid with small circular markers for each tweet’s coordinates, with a slider to step through days and a control to adjust the map’s zoom scale via d3.geo.mercator and d3.geo.path. The code uses d3.v3, TopoJSON for boundary data, and scales for color and opacity.

GGregory-Howard

73% match

Loading thumbnail…

Untitled

This example visualizes the counties of New York State using a Transverse Mercator projection, with state boundaries outlined and counties filled in gray. Hovering over a county highlights it in light blue. The code loads US TopoJSON data via `d3.json`, extracts New York using `topojson.feature`, and applies a clipping path to restrict county paths to the state outline. It uses `d3.geo.path` for rendering and `path.bounds` to auto-fit the projection scale and translation.

AAnnie Ulichney

73% match

Loading thumbnail…

Portland blockgroup TopoJSON

This example visualizes the boundaries of Portland block groups using a TopoJSON file. The map is rendered with D3, which reads the topology and converts it into SVG paths on the fly. The block groups are drawn as distinct polygon features, with each region represented by arcs from the TopoJSON topology. The geographic boundaries are likely derived from Census data, and the visualization highlights the spatial layout of Portland’s neighborhoods at the block-group level. The author, Caged, encoded the TopoJSON structure to share this map, making it easy to reuse for choropleth or interactive map projects. The display emphasizes boundary shapes rather than quantitative values, offering a clean basemap for further analysis.

CCaged

72% match

Loading thumbnail…

Untitled

This choropleth map displays New York state’s cities and towns as red, semi-transparent polygons with black borders, rendered on a whitesmoke background using SVG. It uses `d3.json` to load TopoJSON data from a gist, converts it to GeoJSON with `topojson.feature`, and draws the map with `d3.geoPath`. The map is static, with no interactions, scales, or projections specified, and only includes a minimal styling for the county class.

Llupica.matthew@gmail.com

72% match