Skip to main content
SimilarExport ZIP
100%

Assignment8_sowjanya_countryMap

✓ Published0🌍 Public
Ssaisowjanyaedupuganti.24f@gmail.com
Last edited Nov 9, 2025
Created on Nov 9, 2025

A choropleth of the United States displays median age by state, using a pastel threshold color scale with seven bins ranging from under 32 to over 46 years. The visualization loads US Census-derived CSV data and TopoJSON state boundaries via `Promise.all`, then renders each state as an SVG `path` using `d3.geoPath` with the `geoAlbersUsa` projection. Hovering reveals a tooltip with the state name and median age, while a horizontal legend beneath the map shows the color breaks. The code relies on D3 v7 and the topojson-client library.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment8_sowjanya_world map

This choropleth maps internet user percentages by country for 2023 using a pastel threshold color scale with custom class breaks. Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` render country boundaries over a graticule, with a custom tooltip showing values on mouseover. The visualization loads TopoJSON world geometry from world-atlas and CSV internet usage data, then applies the threshold scale to fill each country, accompanied by a horizontal legend. The map is built with D3 v7, rendering to SVG with HTML div-based tooltips.

Ssaisowjanyaedupuganti.24f@gmail.com
81% match
Loading thumbnail…

country map

This visualization displays a choropleth map of the United States, coloring each state in red with thin black internal borders. The map is rendered using React and D3 v5, with geographic shapes generated through `d3.geoAlbers` projection and `d3.geoPath`. State boundaries come from the US Atlas TopoJSON dataset, processed via `topojson.feature` and `topojson.mesh`. The SVG paths change to sky blue on hover using CSS, providing simple interactivity.

SSai Kaushik
78% match
Loading thumbnail…

Assignment8_Manisha_USMap

This choropleth map displays US state unemployment rates, with each state colored on a sequential blue-purple scale (d3.interpolatePuBu) according to its percentage. The visualization loads state boundaries from the us-atlas TopoJSON file and joins CSV data containing state names and unemployment values. Hovering over a state reveals a tooltip showing the state name and its unemployment rate or “N/A” for missing data. The map uses d3.geoPath with a d3.geoAlbersUsa projection and renders as SVG, with states encoded as paths and tooltip positioning handled via mouse events.

Kkonudulamanisha@gmail.com
77% match
Loading thumbnail…

A9- Choropleth Map

This choropleth map visualizes US state populations using a purple color scale, with states lacking data rendered in gray. Built with D3.js, it loads GeoJSON and CSV data via `d3.json` and `d3.csv`, then draws state boundaries with `d3.geoPath` and `topojson.feature`. A quantized color scale (`d3.scaleQuantize`) maps population values to fills, and a legend with thresholds is rendered using `d3.pairs` and `d3.format`. The map is rendered as SVG with white state borders, and the legend sits in the lower right corner.

SSukhraj Singh
77% match
Loading thumbnail…

Fork of ICE-8 — USA States Map

A choropleth of the United States displays each state’s population from the 2020 census via a yellow-orange-red sequential color scale. The map renders with D3.js v7 and the TopoJSON library, using `d3.geoAlbersUsa` for the Albers projection and `d3.geoPath` for state boundaries. Hovering over a state reveals its population in a tooltip, while gray fills indicate missing FIPS codes from the `us-atlas` dataset.

Ssravya7136@gmail.com
77% match
Loading thumbnail…

USA Map By Sushil

This example displays a choropleth-style map of the United States using SVG. It shows state boundaries rendered as red strokes on a blank canvas, with states that change to blue on hover. The visualization loads TopoJSON data from `https://d3js.org/us-10m.v1.json` and converts it to GeoJSON features using `topojson.feature`. It draws the map with `d3.geoPath` and applies a mesh via `topojson.mesh` to outline borders. The styling uses CSS for hover effects and stroke widths.

Sskambhore04
77% match
Loading thumbnail…

usa map

This example displays a choropleth-style map of US states, with each state filled by a categorical color from `d3.scaleOrdinal` and `schemeCategory10`. It uses `d3.geoPath` with a `geoAlbersUsa` projection to render the SVG paths, and the state boundaries are loaded from a TopoJSON file via `us-atlas`. Hovering a state changes its fill to yellow, while a red stroke outlines all boundaries. The code processes the TopoJSON with `topojson.feature` and appends a `<title>` element for each state name.

SSai Hemanth Babu Sunkari
77% match
Loading thumbnail…

Assignment 2 USA map

This example displays a choropleth-style map of the United States rendered as SVG paths. The code uses D3 v5’s `d3.geoAlbersUsa` projection and `d3.geoPath` to convert GeoJSON features into map outlines, with each state filled red and stroked blue. The geographic data comes from a remote US features JSON file fetched via `d3.json`. The visualization sets a fixed 700×700 canvas and demonstrates D3 map projection, path generation, and asynchronous data loading in a single page.

Ppasyasahas
77% match