Skip to main content
SimilarExport ZIP
100%

class 12

✓ Published0🌍 Public
AAnaMal08
Last edited Apr 20, 2017
Created on Apr 20, 2017

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.

AI-generated description

Similar vizzes

Loading thumbnail…

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.

MMTClass
88% match
Loading thumbnail…

May 4 in class

This choropleth map of Maryland census tracts displays population density using a threshold scale with the sequential color scheme d3.schemeOrRd, with county boundaries outlined in red. It includes a draggable yellow circle representing Rockville, MD, whose movement is handled by d3.drag, and an HTML tooltip div is appended to the body. The map is rendered as SVG using d3.geoPath with a conic conformal projection, while population data comes from a separate JSON file joined to TopoJSON tracts. A color legend is built with d3.axisBottom and a power scale.

MMTClass
87% match
Loading thumbnail…

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

MMTClass
86% match
Loading thumbnail…

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

MMTClass
86% match
Loading thumbnail…

May 8 test

This choropleth map of Maryland census tracts visualizes population density using a color scale based on D3’s `d3.scaleThreshold` and `d3.schemeOrRd`. Tract boundaries are drawn with `d3.geoPath` and a conic conformal projection, while county outlines are generated via `topojson.merge`. A yellow draggable circle, positioned over Rockville, uses D3’s drag behavior to update a tooltip that displays the county name under the cursor. Population data comes from a JSON file joined to tract features by FIPS codes.

MMTClass
86% match
Loading thumbnail…

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.

MMTClass
85% match
Loading thumbnail…

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.

MMTClass
85% match
Loading thumbnail…

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.

MMTClass
85% match