Fork of map of epa data sites

100%

Fork of map of epa data sites

✓ Published0🌍 Public

Last edited Dec 15, 2022

Created on Dec 15, 2022

This map shows the locations of EPA data sites across the United States, with each site represented by a small circle. The visualization displays state boundaries and interior borders using `d3.geoAlbersUsa` projection and `d3.geoPath` from the d3 v5 library, while React manages the component rendering. Data is loaded from a CSV file via `d3.csv`, and the map is rendered as SVG within a React application. The current implementation uses a fixed radius of 5 for all circles, though a square-root scale is prepared for size encoding.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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 example maps EPA air quality data by rendering green circles over a U.S. state outline, with each circle representing a recorded site. The visualization combines React for component structure with D3’s `geoAlbersUsa` projection and `geoPath` for geographic shapes, while `scaleSqrt` scales circle radius based on AQI values. Data loads from a remote CSV using D3’s `csv` function, and the U.S. atlas comes from a TopoJSON source. The title describes a dot density map of trees, though the underlying data focuses on environmental monitoring sites.

Hhusseinmaatouk506@gmail.com

89% match

Loading thumbnail…

Fork of Fork of map of epa data sites

This visualization displays EPA air quality monitoring sites across the contiguous United States, where each circle represents a sample location and its radius encodes the ozone AQI value. The map uses React with the `d3.geoAlbersUsa` projection and `d3.geoPath` to render state boundaries and interiors from a US Atlas TopoJSON source. EPA station data, loaded via `d3.csv`, is positioned by geographic coordinates, with circle sizes scaled using `scaleSqrt` to give visual weight to higher AQI readings.

DDonald Bagwell

88% match

Loading thumbnail…

Fork of Fork of map of epa data sites

A dot density map displays the locations of top tree species across the United States, with each circle colored by species type and jittered to reduce overlap. The visualization uses React with d3-geo’s `geoAlbersUsa` projection and `geoPath` to render state boundaries and data points as SVG circles. Data is loaded from a remote CSV via d3.csv, while US state topology comes from the us-atlas TopoJSON, processed with topojson’s `feature` and `mesh` functions. A legend maps species names to their corresponding colors.

Hhusseinmaatouk506@gmail.com

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

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

87% match