Gist 8393728

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.

81% match

Gist 8393734

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.

81% match

Anne Arundel County

This map shows the population density of census tracts in Anne Arundel County, Maryland, using a color scale from the d3-scale-chromatic library. Each tract is colored based on its calculated density, derived from population data matched by county FIPS and tract codes. The visualization uses d3.geoConicConformal for a projected map of tract boundaries rendered as SVG paths, and includes a draggable circle that can be repositioned to display the name of the tract under the cursor via a tooltip.

77% match

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.

76% match

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.

76% match

md-geometry

This visualization shows population density across Maryland census tracts using a choropleth map. The color scale maps density values to an orange-red sequential palette, with darker shades indicating higher population per square mile. Built with D3 v4, it loads TopoJSON tract boundaries and CSV population data, joins them by county and tract FIPS codes, and calculates density by dividing population by land area in square miles. The `d3.geoConicConformal` projection fits the state geometry using `projection.fitSize`, and `d3.geoPath` renders the SVG paths with `d3.scaleThreshold` for coloring.

76% match

May 5

This visualization displays population density across Maryland census tracts using a choropleth map, with color thresholds from d3.scaleThreshold and d3.schemeOrRd. It renders SVG paths via d3.geoPath with a geoConicConformal projection, loading TopoJSON census tract boundaries and a population dataset through d3.queue. County outlines are drawn from merged geometries. A draggable yellow circle marks Rockville, repositioning via d3.drag, while hovering shows the county name in a tooltip using d3.geoContains to test point-in-polygon.

75% match

MD Counties Map

This choropleth map displays the population density of Maryland census tracts using a sequential color scale. The visualization loads GeoJSON and population data from external URLs, then uses the `topojson` library to convert the data before rendering it as SVG paths projected with `d3.geoConicConformal` and `d3.geoPath`. A draggable circle allows hovering to query tract attributes, and a legend with thresholds is generated using `d3.scaleThreshold`, `d3.scalePow`, and `d3.axisBottom`.