CS 360 A9 county map (new)

100%

CS 360 A9 county map (new)

✓ Published0🌍 Public

Last edited Nov 8, 2022

Created on Nov 8, 2022

This choropleth map shows the percentage of adults with a bachelor’s degree or higher across U.S. counties for the 2016–20 period, using a color-encoded geographic visualization. The map is rendered with D3 v7, specifically utilizing `d3.geoPath` to project and draw county boundaries from a TopoJSON file, while county data is loaded from a CSV via `d3.csv`. The code iterates through both datasets to match FIPS codes and assigns each county’s property value, which is then used to drive the map’s choropleth coloring.

AI-generated description

Referenced from the book.

MIT Licensed

Similar vizzes

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

84% match

Loading thumbnail…

Assignment 9: Choropleth Map

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.

Aamrubal

83% match

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

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

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

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

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

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

81% match