md-geometry

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

91% 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.

90% match

Final Project Map

This choropleth map displays population density for Maryland census tracts, with county boundaries overlaid in white. A pie chart in the corner visualizes additional data, while a tooltip shows geographic coordinates as the mouse moves. The visualization uses D3 v4 with `d3.geoConicConformal` projection, `d3.geoPath`, `d3.scaleThreshold` with the `d3.schemeOrRd` color scale, and `d3.pie` for the chart. Data comes from TopoJSON tract geometries, CSV population files, and a FIPS county list loaded via `d3.queue`.

89% match

class 12

This choropleth map displays population density for census tracts in Maryland, using a color scale from `d3.scaleThreshold` and the `d3.schemeOrRd` palette. It shows how tract density varies across the state, with darker reds indicating higher densities. The visualization loads GeoJSON and population data via `d3.json` and `d3.queue`, then projects the tracts using `d3.geoConicConformal` and renders them as SVG paths with `d3.geoPath`. Density is calculated by joining population counts with tract land area from the GeoJSON properties.

AAnaMal08

88% match

Final Project Map

This choropleth map displays population density for Maryland census tracts, with counties outlined in white and Rockville marked by a yellow circle. Built with D3 v4, it uses `d3.geoConicConformal` projection, `d3.geoPath`, and TopoJSON to render tract boundaries and county merges. A `d3.scaleThreshold` with the `d3.schemeOrRd` color ramp encodes density, while a tooltip shows county names and an interactive circle supports dragging. Population data comes from a JSON file, with tract areas calculated from `ALAND` in square miles.

MD Counties with US Atlas

This choropleth map of Maryland counties visualizes population density using a conic conformal projection fitted to GeoJSON county boundaries. The code loads topojson and population data, calculates density as population divided by land area, and fills each county with colors from the d3.schemeOrRd sequential color scheme via d3.scaleThreshold. Hover interactions highlight counties in red. A legend built with d3.axisBottom and d3.scalePow shows the density thresholds. The visualization uses d3.v4, topojson.v2, and renders SVG paths with d3.geoPath, sourced from UMBC VIS class data.

May 6

A choropleth map of Maryland census tracts colors each area by population density using a red-orange sequential scale, with white county boundary lines overlaid. A yellow draggable circle marks Rockville, and moving it updates a tooltip displaying its current location. Built with D3 v4, it uses `d3.geoConicConformal` projection, `d3.geoPath`, `d3.scaleThreshold`, `d3.schemeOrRd`, and `d3.drag` for interaction. Population and tract data are loaded as JSON files, and the SVG rendering uses a steel-blue background.

May 6