Skip to main content
SimilarExport ZIP
100%

NYC Covid and Heat Islands

✓ Published0🌍 Public
MMatthew Talty Colvard
Last edited Mar 14, 2021
Created on Mar 14, 2021
Forked from Los Angeles Exp

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.

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…

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
82% match
Loading thumbnail…

Los Angeles Exp

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.

MMatthew Talty Colvard
80% match
Loading thumbnail…

Los Angeles County Heat Islands and Covid

This visualization displays the global prevalence of HIV/AIDS among adults aged 15-49 for the year 2017, using a world map where each country is colored on a yellow-orange-red sequential scale. The map, rendered as an SVG with React and d3.v5, uses the `geoNaturalEarth1` projection with graticules, and country boundaries from World Atlas TopoJSON. Data is loaded from an IHME dataset via `d3.csv`, and missing countries appear in gray.

MMatthew Talty Colvard
79% 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
78% match
Loading thumbnail…

COVID Visualization

This visualization displays the number of COVID-19 cases per US county using a choropleth map colored with a threshold-based scale. It loads US county boundary data from the `us-atlas` package and New York Times case data from GitHub, merging them via topojson features. The map is rendered as SVG paths using `d3.geoPath` with an Albers projection, and supports zooming via `d3.zoom`. Counties change fill opacity on hover and show case counts in tooltips.

DDennis Angelov
73% match
Loading thumbnail…

COVID-19 Map (Test Positivity Rate)

A choropleth map of the United States colors each state by its seven-day COVID-19 test positivity rate, using a threshold scale with a green sequential palette. Hovering a state reveals its name, along with seven-day averages for deaths, positive tests, positive tests per 100,000, total tests, and positivity percentage, shown via appended `title` elements. The map is rendered using `d3.geoPath` with a `geoAlbersUsa` projection, driven by `topojson.feature` on state boundaries from a TopoJSON dataset. The visualization is built with React, and a `VoronoiOverlay` using `d3.Delaunay` enables smooth mouse interactions over the state paths.

Aandycho97
73% match
Loading thumbnail…

Fork of COVID-19 Map (Positive Cases per 100,000 People)

This choropleth maps seven-day average COVID-19 positive cases per 100,000 people across U.S. states, with color encoded via a threshold scale using d3.scaleThreshold and schemeBlues. Hovering a state highlights it in green, while a tooltip reveals additional metrics like death toll and test counts. The visualization uses d3.geoPath with the Albers USA projection, and a VoronoiOverlay enables efficient mouse interaction. Data comes from an external CSV, with state boundaries from topojson, and React manages the component rendering.

MMauricio García Benítez
73% match
Loading thumbnail…

Multivariate Choropleth Live Coded at Outlier

A multivariate choropleth map depicts New York census tracts, blending green, orange, and magenta opacity scales to represent white, Black, and Asian population counts from American Community Survey data. The visualization uses d3.json and d3.geoPath to render TopoJSON geometries, with d3.scaleSqrt mapping each demographic to color opacity. Color blending combines the three channels via the color-blend library’s multiply mode. The map supports d3.zoom for panning and displays population values for each tract on mouseenter via console logging.

CCurran Kelleher
72% match