Gist 8393734

100%

✓ Published0🌍 Public

Last edited Jan 13, 2014

Created on Jan 13, 2014

This example visualizes U.S. Census tract 51760061000 as three adjacent GeoJSON polygons, each labeled with its geographic identifier and centroid coordinates. The code loads the tract geometries and renders them using D3’s `d3.geoPath` and `d3.geoMercator` projection, drawing filled and stroked shapes to distinguish sub-tracts. The visualization relies on the `tract51760061000.geojson` file, which contains latitude and longitude properties for each polygon, and uses D3’s data-binding to map features to paths on an SVG canvas.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 8393733

This example visualizes U.S. Census tract 51700030800 in Virginia by rendering its four polygon sub-features as a geographic map. It uses D3.js with `d3.geoPath` to project and draw the GeoJSON geometry onto a canvas, displaying the tract boundaries and sub-tract divisions. The code loads the local `tract51700030800.geojson` file, which contains polygon coordinates with associated latitude, longitude, and tract identifiers, and plots them in a simple top-down view without additional styling or interaction.

Aadkatrit

90% match

Loading thumbnail…

Gist 8393729

This visualization displays a single U.S. Census tract (24031703201) subdivided into five polygons, each representing a census block group. The GeoJSON data includes the tract’s coordinates, with latitude and longitude properties for each feature. The map renders the tract’s boundaries, highlighting the internal subdivisions and their spatial relationships, likely for demographic or geographic analysis.

Aadkatrit

85% match

Loading thumbnail…

Gist 8393730

This example uses a GeoJSON FeatureCollection of three census tract polygons in Loudoun County, Virginia, to visualize geographic boundaries. The code loads the tract geometries and renders them with d3.geoPath, projecting the coordinates onto a map. It displays the tract shape as an outlined polygon, with each feature’s properties (such as GEOID10 and centroid latitude/longitude) available for potential labeling or styling. The visualization relies on D3’s geographic projection and path generation to draw the vector data directly onto an SVG canvas.

Aadkatrit

84% match

Loading thumbnail…

Gist 8393731

This example visualizes census tract 51153901602, divided into six sub-polygons derived from a GeoJSON file. Each polygon represents a block group within the tract, with coordinates mapping its geographic boundaries. The visualization uses geographic coordinates to render the shapes, likely displaying them on a map to show the spatial distribution of the tract’s subdivisions. The data emphasizes the hierarchical relationship between the tract and its component block groups.

Aadkatrit

84% match

Loading thumbnail…

Gist 8393728

Three census tracts in Anne Arundel County, Maryland, are drawn as separate polygons, each colored by its unique GEOID10 identifier. The visualization loads GeoJSON geometry and projects it with `d3.geoPath`, while `d3.forceSimulation` positions labeled points at each tract’s centroid. Tract boundaries are rendered on an HTML canvas, and the code computes centroid coordinates from the polygon vertices to place the labels. The example uses only the provided tract24003730300.geojson file as its data source.

Aadkatrit

81% match

Loading thumbnail…

Gist 8393732

This visualization displays a U.S. Census tract (GEOID 51177020310) in the Spotsylvania County area of Virginia, rendered as a GeoJSON polygon. The map shows the tract's boundary using geographic coordinates, with latitude and longitude markers for reference points. The visualization uses the GeoJSON FeatureCollection format to represent a single census tract polygon, likely as part of a larger interactive map or demographic data display. The tract shape is delineated by numerous coordinate points, illustrating the detailed boundary of the census area. This example demonstrates how geospatial data can be encoded and shared as a compact GeoJSON file for use in mapping applications or data visualizations.

Aadkatrit

80% match

Loading thumbnail…

Gist 8393671

A single county subdivision polygon from a GeoJSON file is rendered on a map, with its geographic boundary drawn as a closed path and a marker placed at its centroid coordinates. The visualization uses D3’s `d3.geoPath` to project the polygon’s coordinates onto a 2D canvas, while the latitude and longitude properties from the GeoJSON feature are plotted as a point. The code relies on standard D3 projection and path-generation APIs, displaying the raw geometry without additional styling or interaction.

Aadkatrit

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

75% match