Assignment 9: Choropleth Map

100%

Assignment 9: Choropleth Map

✓ Published5🌍 Public

Last edited Apr 11, 2022

Created on Apr 11, 2022

This choropleth map displays the percentage of adults with a bachelor's degree or higher across U.S. counties for 2015–19, using a blue color scale. The visualization loads geographic data from a TopoJSON file and county-level statistics from a CSV, then renders each county as an SVG path filled according to its value. The code uses d3.geoPath for map projections, d3.scaleThreshold for color binning, and d3.schemeBlues for the palette. A legend with a bottom axis communicates the percentage ranges, and state boundaries are overlaid as white lines.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Fork of Assignment 9: Choropleth Map

This choropleth map visualizes the percentage of adults with a bachelor’s degree or higher across U.S. counties, using a blue sequential color scale with a legend. It renders SVG paths via `d3.geoPath` and TopoJSON data from `us-10m.v1.json`, while county values are loaded from `education.csv` and mapped with `d3.map`. The color scale employs `d3.scaleThreshold` and `d3.schemeBlues[9]`, with county tooltips showing exact percentages and state boundaries drawn as white strokes.

CChase Hall

93% match

Loading thumbnail…

Fork of Assignment 9: Choropleth Map

This choropleth map displays the percentage of adults with a bachelor’s degree or higher per U.S. county using a blue threshold color scale and a legend with tick marks. The code loads education data from a CSV and U.S. county boundaries from TopoJSON via `d3.json` and `d3.csv`, then renders paths with `d3.geoPath`. It uses `d3.scaleThreshold` and `d3.schemeBlues` for coloring, adds hover tooltips via SVG `<title>` elements, and overlays state boundaries with `topojson.mesh`. The visualization is built with D3 v5 and React, drawing to an SVG canvas.

CChase Hall

92% match

Loading thumbnail…

Fork of Assignment 9: Choropleth Map

This choropleth map displays the percentage of adults with a bachelor’s degree or higher for U.S. counties, using a blue color scale and a legend with tick marks. The visualization employs d3.geoPath to render county and state boundaries from the us-10m TopoJSON dataset, with fill colors assigned from a d3.scaleThreshold based on values from the education.csv file. A legend is generated using d3.axisBottom, and the map is rendered as SVG.

EEnFlorian

92% match

Loading thumbnail…

Fork of Assignment 9: Choropleth Map

This choropleth map displays the percentage of adults with a bachelor’s degree or higher across U.S. counties, using a blue color scale to show geographic variation. The visualization renders county boundaries as SVG paths via `d3.geoPath` and `topojson`, with state outlines overlaid. It loads data from `education.csv` and the `us-10m.v1.json` TopoJSON file, mapping each county’s FIPS code to its value. A color legend with an axis indicates the percentage ranges, and tooltips show county names and exact values on hover.

NNaimisha-M

92% match

Loading thumbnail…

Choropleth Maps

This choropleth map displays the percentage of adults with a bachelor’s degree or higher across U.S. counties for 2015–19, using a purple sequential color scale (d3.schemePurples) with a threshold legend. County boundaries are drawn via d3.geoPath, while state outlines are rendered as white meshes using topojson.mesh. Hovering a county highlights it with a black stroke via mouseover/mouseleave transitions. The data merges TopoJSON geographic shapes with CSV values keyed by FIPS codes, and the visualization is built with React and SVG inside a D3 v5 environment.

PPranay Matalia

91% match

Loading thumbnail…

Fork of Choropleth Maps

This fork of a choropleth map displays the percentage of adults with a bachelor’s degree or higher across U.S. counties for 2015–19, using a purple sequential color scale. It renders an SVG map with county boundaries and state outlines via d3.geoPath, with hover effects that highlight counties by transitioning their stroke color. The visualization uses a d3.scaleThreshold for color encoding, d3.csv and d3.json for loading data, and topojson to parse geographic features. A legend with an axis shows the percentile ranges.

RRyan G Tjakrakartadinata

89% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes the percentage of residents with a bachelor’s degree or higher across U.S. counties. Each county is filled with a color from the d3.schemeGreens palette, mapped through d3.scaleThreshold to the education data. The map uses d3.geoAlbersUsa projection with d3.geoPath to render county boundaries from TopoJSON data, while a color legend built with reusable D3 code shows the scale. The visualization also supports zooming and panning via d3.zoom.

Ssriramvsharma

88% match

Loading thumbnail…

usa map

This choropleth map shows the percentage of adults aged 25 and older with a bachelor's degree or higher across U.S. counties, using a sequential purple color scale. The visualization is built with React and D3 v5, projecting county boundaries via `d3.geoPath` from a TopoJSON file. County data is loaded from the U.S. Education Data JSON, with counties missing data rendered in gray. Hovering over a county triggers a tooltip displaying the county name and its percentage. A legend uses `d3.scaleThreshold` with a linear scale to map the color ranges.

Rrajamrit-singh

88% match