Los Angeles Exp

100%

Los Angeles Exp

✓ Published2🌍 Public

Last edited Mar 23, 2021

Created on Mar 11, 2021

A choropleth map of Los Angeles County shows COVID-19 death rates by neighborhood, with gray indicating missing data. Built with React and D3 v5, it uses `geoEquirectangular` projection and `geoPath` to render TopoJSON boundaries alongside CSV data from County of LA eGIS. A threshold color scale maps death rates to a blue sequential scheme, while mouse hover events trigger neighborhood details, demonstrating layered data integration in an SVG.

AI-generated description

A map of Los Angeles County County of LA eGIS, showing covid cases and heat islands.

MIT Licensed

Similar vizzes

Loading thumbnail…

NYC Covid and Heat Islands

A choropleth map of Los Angeles County reveals the percentage of positive COVID-19 tests by Countywide Statistical Area, overlaid on neighborhood boundaries. The visualization uses a sequential blue color scale via d3.scaleSequential and d3.interpolateBlues to encode data values, with missing data rendered in gray. Built with React and D3 v5, it employs d3.geoEquirectangular projection and d3.geoPath for geographic rendering, fetching boundary data from NYC MODZCTA TopoJSON and COVID statistics from a CSV via d3.csv. Hovering a neighborhood highlights it and triggers an onHover callback to display the associated data.

MMatthew Talty Colvard

80% match

Loading thumbnail…

Final Project

This interactive map displays confirmed COVID-19 deaths and cases by U.S. county, with each state labeled at its geographic centroid. The visualization projects TopoJSON boundary data using `d3.geoPath` and renders state shapes as SVG paths, colored steelblue with white borders and hover states that turn red. County-level CSV data is loaded via `d3.csv` and parsed, though the map currently presents only the state-level geometry rather than county-specific values. The implementation uses React without explicit components, importing utilities directly from D3 v4.

MManh Pham

78% match

Loading thumbnail…

Choropleth map

This choropleth map visualizes COVID-19 cases, deaths, and recent 14-day case counts by country, using color to encode case numbers and hover tooltips to reveal detailed statistics. The map uses `d3.geoNaturalEarth1` projection with `d3.geoPath` to render world geography, while `d3.scaleOrdinal` with `schemeSpectral` assigns colors to case values. Data is loaded from a TSV file and TopoJSON world atlas, processed with `topojson.feature`, and rendered as SVG paths. A custom color legend and `d3.zoom` are also implemented.

VVaggelisKlt

78% match

Loading thumbnail…

Los Angeles Heat Islands and Covid

This visualization displays a world map with country boundaries, rendered using SVG and a Natural Earth projection. It highlights the geographic context for a study of Los Angeles heat islands and Covid, though the map itself focuses on global landmasses and graticule lines. The code uses d3.geoPath and d3.geoNaturalEarth1 for projection and path generation, with topojson to parse world-atlas data for country features and interior boundaries. Styling is applied via CSS classes, with landmasses filled in teal and graticules in light gray.

MMatthew Talty Colvard

77% match

Loading thumbnail…

covid -19

This choropleth map visualizes COVID-19 deaths per million across 20 countries, with a red sequential color scale ranging from light to dark based on mortality rates. The map uses a Robinson projection via `d3.geoRobinson` and renders country boundaries as SVG paths through `d3.geoPath`, with a tooltip revealing the country name and death rate on hover. Geographic data comes from the world-atlas TopoJSON file, joined to the CSV dataset by ISO_A3 codes, and a linear gradient legend with an axis labels the color scale.

Ccharchana0527@gmail.com

77% match

Loading thumbnail…

Cali map json

This interactive visualization maps cumulative COVID-19 deaths across California counties, combining a bubble map with a brushable time-series histogram. The map projects county centroids using `d3.geoMercator`, while circle radii scale with total deaths via `d3.scaleSqrt`. The linked histogram aggregates daily deaths into monthly bins using `d3.histogram` and `d3.timeMonths`, with `d3.brushX` enabling temporal filtering that updates the map’s displayed bubbles. Data comes from a JHU CSSE time-series CSV and county boundaries from a TopoJSON file, rendered as SVG with React.

AAnthony Ynami

75% match

Loading thumbnail…

Untitled

This choropleth map of the United States displays state-level COVID-19 case values with a green color scale, using lighter shades for lower numbers and darker greens for higher ones. The visualization loads CSV data and merges it with GeoJSON state geometries using d3.csv and d3.json, then renders paths with d3.geoPath and the d3.geoAlbersUsa projection. A d3.scaleQuantize maps numeric values to a five-color range, while states lacking data appear gray. The SVG is built with D3 v7 and styled with minimal CSS.

Jjoslinl

75% match

Loading thumbnail…

Fork for NYC ex

This choropleth map displays COVID-19 test positivity rates across New York City ZIP code tabulation areas, with gray indicating missing data. Built with React and D3 v5, it uses `geoEquirectangular` and `geoPath` to project boundaries loaded via TopoJSON, while `scaleThreshold` and `schemeBlues` map the percentage values. Hovering highlights a region and triggers a callback with the underlying data. The visualization combines NYC MODZCTA boundary data with COVID and income statistics from gist-hosted sources.

MMatthew Talty Colvard

75% match