Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Boston Crashes Project

Public visualization

Viewing a saved revision (read-only)

2f2970a7bf7a435ba07871010d327d5e

Boston Crashes Project

0 stars0🌍 Public
Ssjpeno@wpi.edu
Last edited Dec 2, 2024
Created on Nov 21, 2024
Forked from Article Starter

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.

AI-generated description

This is how you can use VizHub to publish an article!

Just delete all the code files except README.md.

You can use the VizHub Embed Feature to embed other vizzes in your article. For example, here's an example of embedded responsive visualizations:

Responsive Axes

<iframe src="https://vizhub.com/curran/2d9651a57dd5443783b0c3c8c47cdfcf?mode=embed&embed=branded" width="100%" height="500" scrolling="no" frameborder="no"></iframe>

Responsive Scatter Plot

<iframe src="https://vizhub.com/curran/0169b225047849b38073ab1909443f8c?mode=embed&embed=branded" width="100%" height="500" scrolling="no" frameborder="no"></iframe>

Responsive Bar Chart

<iframe src="https://vizhub.com/curran/a79db1c446a4432ba2596faaa8d151e3?mode=embed&embed=branded" width="100%" height="500" scrolling="no" frameborder="no"></iframe>

Responsive Line Chart

<iframe src="https://vizhub.com/curran/750aaaae7b7046f0a072df137a7f5c76?mode=embed&embed=branded" width="100%" height="500" scrolling="no" frameborder="no"></iframe>

Challenge

  • Fork this article starter and embed your favorite responsive works