husseinmaatouk506@gmail.com

@hussein320·4 public vizzes

Fork of D3 World Map

This interactive map of the United States visualizes a university diversity index, using a blue color scale from white to dark blue to represent values from 0.2 to 0.8. Hovering over a state reveals a histogram image for that specific state, positioned near the cursor. The visualization is built with D3 v4, using `d3.geoAlbersUsa` for the projection, `d3.geoPath` for rendering state boundaries, and `d3.legendColor` for the color legend. State outlines have a white stroke and react to mouse events, while tooltips are implemented as dynamically appended images rather than the standard D3 tooltip.

Dec 28, 2023

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.

Dec 20, 2023

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.

Dec 20, 2023

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.

Dec 19, 2023