CS360 Assignment 9

100%

CS360 Assignment 9

✓ Published0🌍 Public

Last edited May 7, 2022

Created on Apr 14, 2022

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

80% match

Loading thumbnail…

Colm Lang | A9 Choropleth Map

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.

CColm Lang

79% match

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

78% match

Loading thumbnail…

US County Populations - D3 Visualization

This interactive choropleth map visualizes 2013 U.S. county population estimates, using a logarithmic color scale with a sequential interpolateGnBu scheme to encode values. The visualization binds population data from Wikipedia-sourced CSV files to county paths from the us-10m.v1.json TopoJSON, rendered with d3.geoPath using a null projection and geoTransform scaling for performance. It features zoom/pan capabilities via d3.zoom, hover tooltips, and toggleable county borders, with a legend provided through d3.scaleSequential.

CConnorIngram

78% match

Loading thumbnail…

County Population Bubble Map for the US with D3.js!

A county population bubble map for the US uses an SVG projection with geoAlbersUsa and d3.geoPath to render state and county boundaries from TopoJSON data. Circles positioned via pathGenerator.centroid are sized by a d3.scaleSqrt mapping COVID-19 case counts from a CSV dataset, with zoom enabled through d3.zoom for interactive exploration.

Aacrasto-tibco

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

77% match

Loading thumbnail…

A9 Choropleth Map in D3

This example displays a choropleth map of poverty rates across U.S. counties, using a sequential blue color scale to encode percentages from 0 to 100. It loads county boundaries from the TopoJSON `us-10m.v1.json` dataset and merges them with CSV data containing poverty estimates. The map is rendered as SVG paths via `d3.geoPath` with an AlbersUSA projection fit to the viewport, while `d3.scaleSequential` with `d3.interpolateBlues` determines each county’s fill color.

EEric Yao

77% match