Skip to main content
SimilarExport ZIP
100%

map of epa data sites

✓ Published0🌍 Public
CChase Hall
Last edited Nov 3, 2022
Created on Oct 25, 2022

This map plots U.S. Environmental Protection Agency air quality monitoring sites, with each circle’s radius scaled by the square root of the AQI value. Built with React and D3 v5, it renders a U.S. Albers projection via `d3.geoAlbersUsa` and `d3.geoPath` over a TopoJSON atlas. Animated legend transitions in `colorLegend.js` use D3’s transition API to reflect color scale changes. Data is loaded from a CSV via `d3.csv`, and a D3 zoom interaction lets users inspect regions.

AI-generated description

https://www.youtube.com/watch?v=_8V5o2UHG0E

MIT Licensed

Similar vizzes

Loading thumbnail…

map of epa data sites

This map displays EPA air quality monitoring sites across the United States as blue circles overlaid on a geographic outline of the states. The visualization uses React to render SVG elements, with D3’s `geoAlbersUsa` projection and `geoPath` to draw state and interior boundaries from a TopoJSON US Atlas. Data is loaded via `d3.csv` from a GitHub-hosted file, with point locations plotted by longitude and latitude. A square root scale (`scaleSqrt`) maps AQI values to circle radii, though the current radius is fixed at 5 pixels.

CChase Hall
94% match
Loading thumbnail…

Fork of map of epa data sites

This example shows U.S. Environmental Protection Agency air quality data as a bubble map, with circles representing sites and sized by their AQI value over a geoAlbersUsa projection rendered with d3.geoPath. The visualization combines a state-atlas overlay with data-driven circles, and also includes a date histogram that bins the same dataset by month to show average AQI trends. It uses React hooks to load the data via d3.csv and the U.S. Atlas TopoJSON, while d3.scaleSqrt, d3.bin, and d3.scaleTime handle quantitative scaling and temporal aggregation.

Vvipin kumar paikra
91% match
Loading thumbnail…

Fork of map of epa data sites

This D3.js and React visualization displays a map of US Environmental Protection Agency (EPA) air quality monitoring sites, with each site represented by a circle sized according to its AQI value using a square root scale from `d3.scaleSqrt`. The map is rendered using an SVG-based equirectangular projection via `d3.geoPath` and `geoAlbersUsa`, with US state boundaries and interiors drawn from a TopoJSON atlas loaded through `topojson.feature` and `topojson.mesh`. The underlying data is fetched as a CSV file containing latitude, longitude, and AQI measurements.

ZZoha9
90% match
Loading thumbnail…

Fork of map of epa data sites

This interactive map displays U.S. Environmental Protection Agency air quality site locations, with each site represented as a small circle positioned by geographic coordinates. State boundaries appear in teal with gray interior borders, while the data points use light blue circles with an opacity of 0.85—the size scale for AQI is set up in the code but unused in rendering. Built with React and D3 v5, the visualization uses d3.geoAlbersUsa for projection and d3.geoPath to render states and site locations from a CSV file. The map is hoverable, with states changing to green on mouseover.

Hhusseinmaatouk506@gmail.com
90% match
Loading thumbnail…

Fork of map of epa data sites

This map plots EPA air quality monitoring sites across the United States, with each site represented by a circle at its geographic coordinates. The visualization uses `d3.geoAlbersUsa` projection with `d3.geoPath` to render state boundaries and interiors as SVG paths, while React manages the component hierarchy. The site data, loaded via `d3.csv`, includes latitude, longitude, and AQI values, though the circle radius is currently fixed at 5 pixels despite a `scaleSqrt` being configured. The map uses a teal color scheme for states with light gray interior borders, and semi-transparent blue circles for the monitoring locations.

BBasharAlFattal
90% match
Loading thumbnail…

Fork of map of epa data sites

This visualization displays the locations of EPA air quality monitoring sites across the United States, with each site represented by a circle sized according to its AQI value. The map uses a d3.geoAlbersUsa projection and d3.geoPath to render state boundaries and interiors from a TopoJSON US Atlas, while circles are positioned using longitude and latitude coordinates. The React-based BubbleMap component integrates d3.scaleSqrt to map AQI values to a maximum radius of 5 pixels for the bubble marks.

BBen Storms
90% match
Loading thumbnail…

Fork of map of epa data sites

This visualization displays EPA air quality monitoring sites across the contiguous United States, with each site represented by a circle positioned according to its recorded latitude and longitude. The map overlays these data points on a geographic outline of US states, rendered using the `geoAlbersUsa` projection and `geoPath` from d3-geo, with state boundaries and interior borders drawn from TopoJSON data. Circle positions are projected through the same geo projection, and while the code includes a `scaleSqrt` for sizing by AQI values, the rendered circles use a fixed radius of 5 pixels. The visualization is built with React and d3.v5, loading CSV data via d3-fetch and US state geometries from the us-atlas TopoJSON file.

YYuxin Shao
89% match
Loading thumbnail…

Fork of map of epa data sites

This map visualizes U.S. EPA air quality site data, plotting circles for each location with a radius that encodes the AQI value. A geospatial projection via `d3.geoAlbersUsa` and `d3.geoPath` renders state boundaries from a TopoJSON US Atlas, while the circle sizes are scaled using `d3.scaleSqrt`. The React components load CSV data with `d3.csv` and render the SVG elements, with hover effects on states and semi-transparent blue circles marking the sites.

Rrallabandisushen@gmail.com
89% match