MD Counties

100%

✓ Published0🌍 Public

Last edited May 21, 2017

Created on May 20, 2017

A choropleth map of Maryland counties colors each county by population density using a threshold scale and the d3.schemeOrRd color scheme, with county boundaries derived from a TopoJSON file. Hovering over a county highlights it with a thicker stroke, displays its name, population, land area, and density in an info box, and renders a small pie chart using d3.pie and d3.arc showing the county's population, land area, and density. The map uses a d3.geoConicConformal projection, along with topojson-client to parse geographic data and d3-scale-chromatic for colors.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

MD Counties 4

An interactive choropleth map of Maryland counties displays population density using a sequential color scale, with hover effects revealing county details. A donut chart in the corner dynamically updates to show population, land area, and density proportions for the selected county. Built with D3 v4, the visualization uses `d3.geoConicConformal` for projection, `d3.geoPath` for rendering shapes, and `d3.pie`/`d3.arc` for the chart. Population data is sourced from JSON files, while county boundaries come from TopoJSON.

MMTClass

93% match

Loading thumbnail…

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.

MMTClass

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

91% match

Loading thumbnail…

Make a map with MD Counties

This map of Maryland shows census tracts colored by population density using a threshold scale and the d3.schemeOrRd color scheme, with the boundary of Allegany County outlined. A draggable yellow circle, positioned initially at Rockville, displays a tooltip naming the tract under the cursor. Built with D3 v4, it uses d3.geoConicConformal projection, d3.geoPath for rendering, and d3.drag for interaction, loading TopoJSON tract boundaries and population data from a gist.

MMTClass

89% match

Loading thumbnail…

county names May 5

This example displays a choropleth map of Maryland census tracts colored by population density using a threshold scale with the d3.schemeOrRd color scheme. It uses d3.geoConicConformal projection, d3.geoPath, and topojson to render tract and county boundaries. A yellow draggable circle initially positioned at Rockville, MD, uses d3.drag to update its position and reveal the containing county name in a tooltip via d3.geoContains and projection.invert. The population data is loaded from external JSON files.

MMTClass

88% match

Loading thumbnail…

MD Counties Map_Step 1

This choropleth map displays population density for census tracts in Montgomery County, Maryland, using a threshold color scale from light to dark red. It renders SVG paths via `d3.geoPath` with a conic conformal projection, merging TopoJSON tract boundaries from a local dataset. The code loads tract geometries and population data with `d3.queue`, calculates density by dividing population by land area, and applies `d3.scaleThreshold` with `d3.schemeOrRd`. A legend built with `d3.axisBottom` and a power scale explains the color ranges.

MMTClass

87% match

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

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

87% match