v5 - Crash Graph

100%

v5 - Crash Graph

✓ Published1🌍 Public

Last edited Nov 18, 2024

Created on Nov 17, 2024

This line chart displays the seasonality of crash counts over time, with data from the smallcrashcopy.csv file. It uses d3.bin and timeMonth.range to aggregate crashes by month, then plots them with d3.line and scales from d3.scaleTime and d3.scaleLinear. The visualization supports toggling visibility for three mode types (mv, ped, bike) via checkboxes, which recomputes the total counts and dynamically updates the y-axis with axisLeft. A gray background rectangle and labeled axes for month and crash counts frame the chart.

AI-generated description

this is line graph of the crashes dataset to show the seasonality of the crashes data

MIT Licensed

Similar vizzes

Loading thumbnail…

v6 - Crash Graph

This visualization is a line graph showing the number of crashes over time, binned by month to reveal seasonality. It plots the total crash count against monthly timestamps, with interactive checkboxes that let the user toggle the visibility of three crash types: motor vehicle, pedestrian, and bicycle. The chart dynamically updates the line and y-axis scale based on the selection, and data points are highlighted on hover. The code uses d3’s `scaleTime`, `scaleLinear`, `bin`, and `line` APIs to process and render the data from a CSV file.

Ssjpeno@wpi.edu

91% match

Loading thumbnail…

v4 - Crash Graph

This line graph visualizes the seasonality of crash data from a CSV file, displaying monthly crash counts for three transportation modes: motor vehicles, pedestrians, and bicycles. The visualization uses D3.js functions including `timeMonth.bin()` for grouping data, `scaleTime` and `scaleLinear` for scaling, and `line()` for generating the line paths. Each mode is color-coded using `scaleOrdinal` with `schemeCategory10`, and the chart includes interactive toggling for showing or hiding each line.

Ssjpeno@wpi.edu

91% match

Loading thumbnail…

v2 - Crash Graph

This line chart displays the monthly count of traffic crashes from a CSV dataset, revealing seasonality patterns in the data. The visualization bins crash records by month using d3.bin with timeMonth thresholds, then renders the aggregated counts as a steelblue line with circular point markers. The x-axis uses d3.scaleTime with a monthly time format label, while the y-axis uses d3.scaleLinear to show the number of crashes. The chart includes gray background rectangle, axis labels, and explicitly positioned tick marks created through d3.axisBottom and d3.axisLeft.

Ssjpeno@wpi.edu

90% match

Loading thumbnail…

v3 - Crash Graph

This line graph shows the seasonality of traffic crash counts over time from a CSV dataset. The chart bins incidents by month, plots them as a continuous line, and color-codes line segments by season (winter, spring, summer, fall) with an accompanying legend. Built using D3’s `line`, `scaleTime`, `bin`, and `timeMonth` APIs, the visualization aggregates crash timestamps to reveal monthly trends in the data.

Ssjpeno@wpi.edu

88% match

Loading thumbnail…

v1 - Crash Graph

This bar chart visualizes the monthly frequency of traffic incidents in a small crash dataset, distinguishing incident types (mv, ped, bike) through the use of a categorical mode field. The chart displays the total number of crashes per month, with bars rendered using d3.bin and d3.timeMonth to aggregate dates from a CSV file. The visualization employs d3.scaleTime and d3.scaleLinear for the axes, d3.axisBottom and d3.axisLeft for tick marks, and d3.timeParse to handle timestamps with UTC offsets. The gray background and steelblue bars highlight the temporal distribution of incidents.

Ssjpeno@wpi.edu

88% match

Loading thumbnail…

Sparkline Crash data

This interactive sparkline chart displays monthly crash counts from 2012 to 2025, rendered as a filled area line graph. The visualization presents the full time series and highlights the monthly value on hover, updating a large text label with the exact date and crash count. Built with React and D3.js, the code uses `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, `d3.area`, and `d3.bisector` to map data, draw the chart, and handle pointer interactions. The data originates from a local CSV file.

JJose Morales

75% match

Loading thumbnail…

Fork of Interactive Sparkline

This interactive area chart visualizes monthly car crash counts in New York City from July 2012 through September 2025, using data from a local CSV file. A purple line and filled area show the trend, while hovering over the chart displays a vertical guide line, a highlighted point, and the exact crash count and month in a large text label. The visualization uses d3.scaleTime, d3.scaleLinear, d3.line, d3.area, and d3.bisector to map data, render shapes, and locate hovered points, with d3.pointer tracking mouse position.

JJose Morales

75% match

Loading thumbnail…

Boston Crashes Project

This interactive visualization explores nine years of Boston crash data from the city’s Vision Zero program, using a geographic map and a time-series line chart. The map plots individual crash locations as colored points by crash type, filtered via checkboxes, and is rendered with D3’s `d3.geoPath` and parsed GeoJSON. The line chart aggregates monthly crash counts, with colored seasonal bands and toggleable lines for each crash type, implemented using D3 scales, axes, and `d3.line`. Both views load data directly from CSV and GeoJSON files, ensuring scalable performance.

Ssjpeno@wpi.edu

73% match