Fork of Assignment 9: Choropleth Map

100%

Fork of Assignment 9: Choropleth Map

✓ Published0🌍 Public

Last edited Aug 4, 2022

Created on Aug 4, 2022

Forked from Assignment 9: Choropleth Map

This choropleth map visualizes the average Air Quality Index (AQI) across U.S. counties, encoded through a Blues color scale with a threshold legend. It uses `d3.geoPath` to render county boundaries from TopoJSON data, while `d3.map` associates each county with AQI values from a CSV file. The visualization employs `d3.scaleThreshold` and `d3.schemeBlues` for color mapping, with white state boundaries overlaid for geographic context. The SVG rendering approach displays county-level data without interactivity beyond tooltips showing county names and percentages.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Fork of AQI Data in America by county

A choropleth map of the United States displays county-level AQI values, colored with a quantile scale across a green-to-red gradient, with gray for missing data. A date histogram below (though not rendered in the visible SVG) is intended to show AQI trends over time. Built with React and D3 v5, the map uses `d3.geoAlbers` and `d3.geoPath` to draw county boundaries from TopoJSON, while `d3.csv` loads the air quality dataset and `d3.scaleQuantile` assigns colors.

Vvijaya321

87% match

Loading thumbnail…

Fork of AQI Data in America by county

This visualization shows the Air Quality Index (AQI) across American counties using a choropleth map, with each county colored on a quantile scale from green to red based on PM2.5 concentrations. The map is rendered as SVG using React and d3.geoAlbersUsa projection, with d3.geoPath drawing county boundaries from TopoJSON data. County-level pollutant data is loaded from a CSV file, and counties with missing data appear in grey. The color scale d3.scaleQuantile maps AQI values to a eight-color gradient, with d3.geoMesh rendering state interiors.

CChase Hall

86% match

Loading thumbnail…

Fork of AQI Data in America by county

This choropleth map of U.S. counties uses a quantile color scale to display air quality index (AQI) values, with gray indicating missing data. A histogram below the map shows monthly mean AQI values over time. Users can brush over the histogram to filter the map to counties within a selected time range. The visualization combines React with D3 APIs including geoAlbers, geoPath, scaleQuantile, brushX, and histogram, rendering to SVG. Data is loaded from CSV and TopoJSON sources.

CChase Hall

85% match

Loading thumbnail…

Fork of AQI Data in America by county

This visualization maps Air Quality Index (AQI) data by US county, coloring each county based on its PM2.5 concentration using a quantile color scale from green to red. The map uses `d3.geoAlbers` with `d3.geoPath` to render county boundaries, with counties lacking data shown in grey. The data is loaded from a CSV file and rendered as an SVG within a React application, utilizing the D3.js library.

CChase Hall

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

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

83% match

Loading thumbnail…

Fork of Fork of AQI Data in America by State

A choropleth map of the United States colors each state by its average Air Quality Index (AQI), using a quantile color scale with eight green-to-red bins. A white fill marks states without data. The visualization pairs the map with a time-series histogram showing monthly mean AQI values, though the histogram is not visible in the final render. Built with React and D3 v5, the map uses `d3.geoAlbersUsa` and `d3.geoPath` to project TopoJSON state boundaries from the us-atlas package, while the histogram applies `d3.bin` and `d3.brushX` for interactive filtering of the map by date range. Data comes from a CSV of ozone measurements.

UUmarani Vemula

83% match

Loading thumbnail…

Fork of Fork of AQI Data in America by State

This visualization displays US Air Quality Index (AQI) data as a choropleth map, where each state is filled with a color representing its average AQI value. A time-series histogram of AQI readings is also present, allowing users to brush over a date range to filter the map's displayed data. Built with React and D3 v5, the map uses the `geoAlbersUsa` projection and `geoPath` to render state boundaries from TopoJSON, while the histogram uses `scaleTime` and `histogram` to bin data. The dataset is loaded via `d3.csv` from a GitHub-hosted CSV file.

NNIRANJANAN24

82% match