Skip to main content
SimilarExport ZIP
100%

Collisions with Pedestrians in NYC

✓ Published0🌍 Public
MMelanieFreed
Last edited Apr 30, 2015
Created on Apr 30, 2015

This interactive dashboard visualizes pedestrian collision data across New York City’s five boroughs from 2012 to 2015. It combines a map, time-series line graph, and bar chart to explore injury and fatality counts per month, highlighting differences by borough and time of day. The visualization uses d3.v3 with SVG and animation, loading data from local CSV files. The map, rendered via `d3.geoPath` from a TopoJSON file, allows users to click a borough to filter the other charts, which display per-capita rates and hourly patterns.

AI-generated description

Similar vizzes

Loading thumbnail…

Interactive NYC Borough map

This interactive map of New York City’s five boroughs visualizes traffic crash statistics, distinguishing injury and fatality counts for cyclists, pedestrians, and motorists. A legend allows users to toggle six incident categories on and off, revealing colored point markers for each crash location. The map renders boroughs as colored SVG paths using `d3.geoMercator` and `d3.geoPath`, with data loaded from CSV files via `fetch`. Hovering over a borough displays aggregated crash counts from `CrashByBorough.csv` in a tooltip.

JJose Morales
82% match
Loading thumbnail…

Interactive NYC Borough map

This interactive map of New York City’s five boroughs visualizes traffic crash statistics, distinguishing injury and fatality counts for cyclists, pedestrians, and motorists. A legend allows users to toggle six incident categories on and off, revealing colored point markers for each crash location. The map renders boroughs as colored SVG paths using `d3.geoMercator` and `d3.geoPath`, with data loaded from CSV files via `fetch`. Hovering over a borough displays aggregated crash counts from `CrashByBorough.csv` in a tooltip.

JJose Morales
82% match
Loading thumbnail…

6. Interactive Components

This interactive map of New York City visualizes 2021 car collision statistics by borough, with color encoding for total accidents and hover effects revealing detailed metrics like severe case rates and leading causes. The visualization uses D3 v6 (with legacy v3 and v4 scripts) to render SVG paths from a GeoJSON file, employing a Mercator projection via `d3.geo` and `d3.geoPath`. A sequential color scale (`d3.scaleSequential`) maps collision counts, while mouseover events trigger text updates and dynamic styling changes. The design includes hover-triggered highlighting, animated text transitions, and a color legend axis.

YYuren Dong
82% match
Loading thumbnail…

Interactive NYC Borough map

An interactive map of New York City's five boroughs, colored distinctly, serves as a base for exploring traffic crash data. Users toggle checkboxes in a legend to display layers of colored points representing injured or killed cyclists, pedestrians, and motorists. The map shows these incident locations as colored circles at varying opacities. Hovering over a borough reveals a tooltip with summary crash statistics. Built with React, it uses D3's `geoMercator` for projection, `geoPath` for drawing, and `topojson-client` for handling geographic data, visualizing point data loaded from CSV files.

JJose Morales
81% match
Loading thumbnail…

NYC Borough Crash Data

This stacked bar chart visualizes NYC collision data across the hours of the day. Each bar is segmented by the proportion of crashes resulting in injuries, deaths, and other outcomes, as derived from a CSV loaded with d3.csv. The visualization uses React hooks (useRef, useEffect, useState) to manage responsive dimensions and re-render the viz function on window resize. It employs d3.scaleLinear for axes, d3.stack for the stacked segments, and d3.axisBottom/axisLeft with custom time-based tick formatting for the hour labels.

JJose Morales
81% match
Loading thumbnail…

More Optimized Interactive NYC Borough map with scroll and zoom

This interactive NYC borough map visualizes traffic crash data, showing both aggregate borough statistics and individual incident points for cyclist, pedestrian, and motorist injuries and fatalities. Users can pan and zoom with mouse wheel and drag gestures via a debounced render pipeline. The visualization combines an SVG layer for borough outlines rendered with `d3.geoPath` and `geoMercator`, alongside a Canvas layer for efficient point rendering. Incident data is loaded from per-category CSV files, while a legend toggles visibility for six incident categories using React state.

JJose Morales
81% match
Loading thumbnail…

Interactive NYC Borough map with scroll and zoom

An interactive map of New York City boroughs visualizes traffic crash data, representing the locations of injured and killed cyclists, pedestrians, and motorists as colored points. Users can zoom towards the cursor with the mouse wheel and pan by dragging, while toggling the visibility of six incident categories via a legend. Built with React, the map is rendered as SVG using D3’s `geoMercator` and `geoPath` for the geographical projections. Crash statistics are loaded from a CSV file, and the incident coordinates are read from separate CSV files per borough.

JJose Morales
79% match
Loading thumbnail…

Optimized Interactive NYC Borough map with scroll and zoom

This interactive map of New York City boroughs displays the locations of cyclist, pedestrian, and motorist injuries and fatalities. Users can zoom and pan the map, and toggle the visibility of six incident categories via a legend. The visualization is built with React, using D3’s `geoMercator` and `geoPath` to render the TopoJSON boundary data and project incident points from CSV files. Point rendering and map transforms are optimized for smooth animation.

JJose Morales
78% match