Skip to main content
SimilarExport ZIP
100%

Assignment 9 Chloropleth Map

✓ Published2🌍 Public
Aahuynh8@dons.usfca.edu
Last edited Apr 1, 2024
Created on Apr 1, 2024

This choropleth map visualizes the number of births in 2022 per county across the United States, using a green color scale to encode population data. The visualization loads CSV data from a GitHub repository and county geometry from the US-10m TopoJSON file, rendering with SVG paths via `d3.geoPath` and `topojson.feature`. Interactive tooltips display the county name and birth count on mouseover, while a `d3.legendColor` legend provides scale reference. The code relies on D3 v6, d3-legend, and topojson libraries to create the map.

AI-generated description

CS 360 Assignment 9 Chloropleth Map

Annie Huynh CSV url: https://raw.githubusercontent.com/Ahuynh111/gist-practice/main/Population-Table%201.csv

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 9 World Chloropleth Map

This example presents a world choropleth map visualizing crude death rates per 1000 population in 2012, with countries colored using a threshold scale and green color scheme. A legend and title clarify the metric, while interactive tooltips display each country’s exact value on mouseover. Built with D3 v6, it uses d3.csv to load UN data, d3.json with topojson to fetch world country geometries, and d3.geoPath with a geoAlbers projection to render SVG paths. A d3.legendColor component generates the color legend.

Aahuynh8@dons.usfca.edu
81% 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
79% 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
78% 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
77% 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
77% 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
77% match
Loading thumbnail…

A9 Choropleth

This choropleth visualizes U.S. county-level poverty rates for 2021, with each county colored along a threshold scale of green shades; hovering reveals a tooltip with the county name and its exact percentage. The map is rendered as SVG using D3 v7’s `d3.geoPath` and TopoJSON `topojson.feature` to draw county boundaries, while a separate mesh path outlines counties lacking data. Poverty data is loaded from a CSV via `d3.csv`, and the color legend is generated with the d3-legend library. The visualization also includes a title and uses a linear scale to position the legend.

NNoah C.
76% match
Loading thumbnail…

[A9] World Birth Rate (World Choropleth Map)

This example shows a world choropleth map of birth rates across countries, with color intensity reflecting the rate value and gray indicating missing data. The visualization uses an SVG rendered with D3.js and React, projecting geographic features via `d3.geoMercator` and drawing them with `d3.geoPath`. Birth rate data is loaded from a CSV and matched to country names, then mapped to a sequential color scale (`d3.interpolateYlOrRd`). Hovering over a country reveals a tooltip with the specific birth rate.

Cctan13@dons.usfca.edu
76% match