Skip to main content
SimilarExport ZIP
100%

dash

✓ Published0🌍 Public
KKeith Miller
Last edited Apr 25, 2026
Created on Apr 25, 2026

This dashboard visualizes the relationship between e-scooter trips and crashes in Denver using a Leaflet map and D3.js charts. The map overlays crash markers and geojson usage segments colored by a linear scale, while a separate heatmap shows crash counts by hour and weekday, and a bar chart displays annual crash counts with a crash-to-trip ratio line. User controls filter data by year and quarter. The visualization calculates relative risk based on visible markers and usage totals, with all SVG charts rendered using D3 v7's `scaleBand`, `scaleLinear`, and `rollups` aggregation.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Interactive NYC Crash Plot with React & D3

This example shows the daily number of motor vehicle collisions in New York City from July 2016 through January 2017 as a time-series line chart. The visualization, built with React and D3 v7, uses `d3.scaleTime` and `d3.scaleLinear` to map dates and crash counts, with `d3.line` generating the path. Hovering over transparent circles reveals a tooltip displaying the exact date and crash count, using `d3.timeFormat` for date labeling. The data comes from a CSV file containing daily crash totals.

JJose Morales
71% match
Loading thumbnail…

Fork of React & D3 Vibecoding Starter

This dashboard displays a summary of an e-scooter sales dataset, using D3.js v7 to load CSV data and populate stat cards with aggregate metrics like total units and revenue. A bar chart shows total units by region using `d3.rollup` and `d3.sum` with sorted descending bars. The visualization is rendered as SVG and features a dark-themed card layout with an inline scooter icon. Data is fetched from a remote Gist URL, and the page uses `d3.format` for number display.

LLokesh
71% match
Loading thumbnail…

NYC Motor Crashes Exploratory Analysis

This interactive visualization explores NYC motor vehicle crash counts by hour, with buttons to filter results by day of the week or view the overall total. It renders animated SVG bar charts using D3 v7, transitioning axes and bar heights over two seconds when a new day is selected. The data comes from a remote CSV of 2020 collision statistics, parsed with d3.csv. The code dynamically updates scales, axes, and bar positions via d3.scaleBand, d3.scaleLinear, and selection joins with transition.

Mmtz2110
71% match
Loading thumbnail…

CrashData

This interactive map visualizes the distribution of motor-vehicle collisions across New York City, with each crash represented as a point on a geographic grid. The code uses D3.js's `d3.geoPath` to render city boundaries and `d3.select` with a custom color scale to encode crash density by neighborhood. Data is loaded from a local CSV via `d3.csv`, and the rendering relies on the Canvas API for efficient point plotting. A brush interaction, implemented through `d3.brush`, allows users to filter collisions by time of day or day of week, dynamically updating the displayed points.

DDouglas mochama
71% match
Loading thumbnail…

NYC Interactive Crash Bar Chart with React & D3

This interactive bar chart visualizes the distribution of vehicle collisions across a 24-hour day in New York City, stacking counts of injuries, deaths, and other crashes for each hour. Built with React 19 and D3 v7, it uses `d3.stack` to create layered bars and `d3.scaleLinear` for axes. Hovering a bar triggers D3 mouse events that dim non-hovered bars and display a tooltip with hourly breakdowns. The chart resizes responsively by recalculating SVG dimensions, and loads data from an external CSV file.

JJose Morales
71% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This animated scatter plot visualizes traffic accident data, plotting speed limits against the number of vehicles involved, with points color-coded by weather condition and shaped by accident severity. The visualization cycles through different x-axis variables every three seconds, alternating between speed limit and driver experience. Built with D3.js v6, the example uses `scaleLinear` for axes, `scaleOrdinal` for categorical color and shape encoding, and `symbol()` for point markers. Data comes from a CSV file fetched via `csv()`, rendered as an SVG with axis labels, legend, and custom styling.

Ppragnyalipsa96@gmail.com
71% match
Loading thumbnail…

NYC Crashes Interactive Sparkline

This interactive sparkline visualizes monthly motor vehicle crashes in New York City from 2012 to 2025, using data from a CSV file. A thick purple line with a light area fill shows the trend, while hovering reveals a tooltip displaying the exact crash count and month via a bisector-based lookup. Built with D3.js, it uses `scaleTime`, `scaleLinear`, `line`, and `area` generators, plus `pointer` events for interactive hover feedback on the SVG canvas.

JJose Morales
70% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

An animated scatter plot visualizes traffic accident data from a CSV file, cycling through four quantitative columns—Speed Limit, Number of Casualties, Number of Vehicles, and Accident Severity—as its axes every two seconds. The visualization uses a reusable D3 scatter plot module that dynamically updates the axis domains and circle positions based on the currently selected variables. Rendered as an SVG via D3 6.7.0, the chart employs `scaleLinear`, `axisLeft`, and `axisBottom` utilities to construct axes and scales, with a fixed y-axis origin and a radius of five pixels for each data point.

Ppragnyalipsa96@gmail.com
70% match