Skip to main content
SimilarExport ZIP
100%

Fork for NYC ex

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

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.

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

Fork of COVID-19 Map (Positive Cases)

A choropleth map of the United States shows the relative number of COVID-19 cases, with state colors mapped to the log of the 7-day average positive test count using `d3.scaleThreshold` and `schemeOrRd`. Hovering a state turns it green, and a tooltip reveals additional 7-day averages for deaths, tests, positivity rate, and per-capita positives. The map is rendered with `d3.geoPath` and `geoAlbersUsa` from TopoJSON data, while a `VoronoiOverlay` using `d3.Delaunay` enables mouse interactions. React manages the overlay component, and a custom color legend displays the threshold scale.

AAndrey Getmanov
78% match
Loading thumbnail…

Fork of NYC Crime

The visualization presents NYC crime data through a choropleth map that aggregates incidents by precinct, with linked subplots showing crime type distribution and breakdowns by age and race. Users can interact with the map and reset the view. The map uses D3’s `d3.geoMercator` projection and `d3.geoPath` for drawing precinct boundaries, while the pie chart and two bar charts are built with D3 scales and SVG groups. A legend and tooltip accompany the map.

Ttaiba-dv
77% match
Loading thumbnail…

Fork of COVID-19 Map (Positive Cases)

This choropleth map of the United States uses a logarithmic color scale to show the relative number of COVID-19 cases per state, based on a seven-day average. A Voronoi overlay, built with `d3.Delaunay`, expands each state’s hover target for easier tooltip interaction, displaying details like death tolls, test counts, and positivity rates. The map is rendered with `d3.geoPath` and `geoAlbersUsa`, using TopoJSON state boundaries, while a custom color legend communicates the log-transformed case thresholds. React manages the component state, and all SVG elements are styled with hover effects in CSS.

IIvy Liu
77% match
Loading thumbnail…

Fork of COVID-19 Map (Positive Cases)

This choropleth map displays the relative number of COVID-19 cases per U.S. state using a log-transformed scale of seven-day average positive test results, colored with d3.scaleThreshold and schemeOrRd. Hovering reveals a tooltip with state-level metrics including deaths, tests, and positivity rates. Built with React and D3 v6, the visualization uses d3.geoPath with a geoAlbersUsa projection, TopoJSON for state boundaries, and a d3.Delaunay-based Voronoi overlay for efficient mouse interaction over irregular shapes. The accompanying color legend is rendered using d3 selections.

MMyNKBISHT
77% match
Loading thumbnail…

Fork of NYC Crime

This interactive dashboard presents New York City crime data through a synchronized map, pie chart, and bar plots. A choropleth map visualizes precinct-level data, while a donut chart breaks down crime types and bar charts show age and race demographics. Users can filter the visualization by clicking on map precincts or the reset button. The code uses D3.js v6 with `d3.geoMercator` projection, `d3.geoPath` for map rendering, and SVG for all graphics.

TTracyWangYQ
76% match
Loading thumbnail…

Fork of NYS Map TEST TEST TEST

This interactive map displays the counties of New York State, rendered as white regions with black outlines. It uses a custom Albers equal-area conic projection applied via `geoAlbersUsa()` and `geoPath` from D3 v5, with React managing the SVG output. The geographic data originates from a JSON file fetched with `d3.json` and processed using `topojson` functions `feature` and `mesh`. On mouse hover, the code logs an event to the console.

Llupica.matthew@gmail.com
76% 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
76% match