Colm Lang | A9 Choropleth Map

100%

Colm Lang | A9 Choropleth Map

✓ Published1🌍 Public

Last edited Apr 14, 2022

Created on Apr 14, 2022

This choropleth map displays U.S. state population estimates for 2020, with each state filled by a color from a five-step quantized scale. The visualization uses d3-geo with an Albers USA projection and d3.geoPath to render the states from a GeoJSON file, while population data is loaded from a CSV. A d3.legendColor legend, styled with ColorBrewer palettes, communicates the population ranges. Missing values render in light gray, and the SVG output includes a title for the legend.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

US Population Estimates 2020-

A choropleth map of 2020 US state population estimates uses a linear color scale from light gray to teal to encode population values. The visualization loads state population data from a CSV and US state boundaries from GeoJSON, then merges them by state name. It renders the map using d3.geoPath with the d3.geoAlbersUsa projection, and includes a vertical legend built with d3.legendColor. The SVG output is responsive and styled with a custom CSS file.

PPeter Gish

83% match

Loading thumbnail…

CS360 Assignment 9

This choropleth map visualizes county-level US population estimates for 2020 using an Albers USA projection. It uses a threshold color scale with five blues to represent population ranges, and a legend with threshold labels clarifies the bins. The map is rendered as SVG using d3.geoPath, populating county paths by joining TopoJSON geometry with CSV data via FIPS codes. Data comes from the PopEst.csv file and the US.json TopoJSON topology.

Lleoframba

79% match

Loading thumbnail…

Choropleth population map

A choropleth map of the United States displays state-level population counts from 1990, using a color gradient from light orange to dark red. The map is rendered as SVG with D3 v3, leveraging `d3.geo.path` and TopoJSON for state boundaries. Population data from a CSV file is joined to state IDs, and a custom `d3.scale.quantize` interpolates colors across 100 steps. Hovering over a state triggers a tooltip and animates opacity, while the legend and interactivity are built with jQuery and D3 transitions.

Vvishusikka

79% match

Loading thumbnail…

Choropleth population map

A choropleth map of the United States displays 1990 county-level population estimates from a CSV file, with counties shaded from light beige to dark red based on population. The map uses a blue-to-red sequential color scale, and hovering over a state dims others, highlights the selected one with a black stroke, and shows a tooltip with the state name and its population value. Built with D3.js (d3.v3), the visualization uses `d3.csv` to load data, `d3.geo.path` to render geographic features from a TopoJSON file, and `d3.mouse` events to manage tooltip positioning.

Pprateekvasi

78% match

Loading thumbnail…

Colm Lang | A9 Proportional Symbols

A proportional symbols map displays the relative housing cost index for U.S. states, using circles sized with a quantized scale and positioned at state centroids. Built with D3.js, it loads CSV and GeoJSON data, projects geometries via `d3.geoAlbersUsa` and `d3.geoPath`, and renders SVG paths for state outlines. The circles are added with `d3.selectAll`, and a legend is generated using `d3.legendSize` to map cost values to circle radii.

CColm Lang

78% match

Loading thumbnail…

Untitled

This choropleth map shows the population distribution across U.S. counties, with a color scale from light blue to red indicating population magnitude. The visualization is rendered as SVG using D3 v7, employing `d3.geoAlbersUsa` for projection and `d3.geoPath` to draw county boundaries from `counties.json`. Population data is loaded from `PopulationEstimates.csv` and matched to counties by name, with a tooltip showing county name and population on mouseover. The code uses a sequential color scale with an RGB interpolator.

Eeranyoung

78% match

Loading thumbnail…

Population Choropleth

A population choropleth of U.S. counties uses a logarithmic color scale to show population density, ranging from pale yellow to dark blue. The map projects counties with d3.geo.albersUsa() and renders them as SVG paths via d3.geo.path. Density is calculated by dividing each county’s population (from the 2010 Census shapefile, converted to TopoJSON) by its projected area, with the color domain set between the 1st and 99th percentiles. The topojson.feature API extracts county geometries for display.

Mmbostock

77% match

Loading thumbnail…

USA Map

This choropleth map of the United States colors each state according to a numeric value loaded from a CSV file, using a linear lightred-to-red scale. The SVG rendering is built with d3.geoPath, which projects the US states from a GeoJSON file, while topojson.feature extracts the state features. State FIPS codes from the CSV are matched against the GeoJSON IDs to assign fills, with gray as the default for missing data. The visualization relies on d3.select, d3.csv, and d3.json for data loading.

NNukaShravanKumar

76% match