Skip to main content
SimilarExport ZIP
100%

name counties May 6

✓ Published0🌍 Public
MMTClass
Last edited May 9, 2017
Created on May 6, 2017

This map of Maryland shows population density per census tract using a color scale from light to dark red, overlaid with white county boundaries and a draggable yellow circle representing Rockville. Users can drag the circle, which reveals a tooltip displaying the county name beneath the pointer. The visualization uses d3.geoPath with a conic conformal projection, d3.scaleThreshold and d3.schemeOrRd for coloring, topojson for tract boundaries, and d3.drag for the interactive circle. Population data comes from a JSON file, and county FIPS codes from a CSV.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

May 11 Maryland

This interactive map of Maryland highlights population density by census tract, with a draggable marker for Rockville and a small pie chart overlay. The map uses a conic conformal projection and color-coded tracts via a threshold scale, transitioning from light to dark oranges. Census tract boundaries are drawn, while county outlines are merged from tract geometries. The visualization is built with D3 v4, TopoJSON, and d3-scale-chromatic, and displays tooltip and pop-up information on demand.

MMTClass
92% 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
90% 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
90% 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
89% 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
89% 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
89% 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
88% 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
88% match