Skip to main content
SimilarExport ZIP
100%

CSV Dataset Template - Crash

✓ Published0🌍 Public
Ssjpeno@wpi.edu
Last edited Sep 8, 2024
Created on Sep 2, 2024

This example displays the first record of the Boston Crash Dataset as formatted JSON in a container, parsed from a CSV file using a custom date-time extraction function. It uses standard JavaScript array methods and template literals to render the data with a specified font size, loading the dataset via the `data.csv` import and exposing it through the `main` and `data` exports.

AI-generated description

The Boston Crash Dataset, loaded and parsed as CSV.

This Dataset is pulled from data.boston.gov, provided as part of the Vision Zero Boston program, contains records of the date, time, location, and type of crash for incidents requiring public safety response which may involve injuries or fatalities. All records are compiled by the Department of Innovation and Technology from the City's Computer-Aided Dispatch (911) system and verified as having required a response from a public safety agency. To protect the privacy of individuals involved in these incidents, we do not indicate the severity of specific crashes or whether medical care was provided in any specific case.

I want to understand the geographic distribution of crashes. I want to understand how crashes have changed of time (time of day, time of week, time of year, year-after-year, etc.) I want to identify subsets of the data where crashes have a high value. I want to identify crash rates for location types. I want to identify crash rates for mode/vehicle type.

Challenge

MIT Licensed

Similar vizzes

Loading thumbnail…

CSV Dataset Template - Covid

This example provides a bare-bones template for importing and parsing a COVID-19 dataset from the New York Times, which tracks daily cases and deaths by U.S. state. It shows the structure of the parsed data by rendering the first record as a JSON object in a `<pre>` element. The code loads the CSV with an import statement, converts the `cases`, `deaths`, and `fips` fields to numbers, and then displays the first data point. The visualization is minimal, focusing on data loading and parsing rather than chart rendering.

Ssjpeno@wpi.edu
72% match
Loading thumbnail…

NY Car Crashes Loading Data

This example demonstrates asynchronous data loading in D3 v7. It fetches a CSV file containing 500 records from NYC OpenData’s Motor Vehicle Collisions – Vehicles dataset, filtered to sedans. The visualization initially shows a loading state, then parses the CSV with `d3.csvParse` and converts the UNIQUE_ID field to numeric values using a `for` loop. The processed data is stored in a state object and displayed as a JSON-formatted text preview inside a `<pre>` element via `d3.select` and `.text()`.

JJose Morales
71% match
Loading thumbnail…

Airplane Crashes and Fatalities Since 1908

This example displays the raw contents of an airplane crashes and fatalities dataset, loaded from a CSV file and rendered as a JSON-formatted text preview. The visualization initially fetches the data using the Fetch API, parses it with `d3.csvParse`, and converts numeric fields to numbers. The `viz` function manages the loading state, showing a "LOADING" placeholder until the data arrives, then updates the display via a `setState` callback. The interface uses D3 v7 for DOM selection and rendering, presenting the parsed records in a simple `<pre>` element.

Sstchiang
70% match
Loading thumbnail…

Fork of Fork of CSV Dataset Template -Pngu

This example displays the first row of the BatteryAcq.csv dataset as a formatted JSON object in a large monospace font. It loads the CSV file, converts the TIMESTAMP field to a JavaScript Date object and parses the RECORD, BattV, and PTemp_C columns into numbers. The visualization uses a simple container with innerHTML to render the parsed data, demonstrating a minimal template for importing and transforming CSV data for use in other vizzes.

DDonald Bagwell
69% match
Loading thumbnail…

Fork of CSV Dataset Template

This example displays the first row of the Palmer Penguins dataset as a JSON object in a large preformatted text block. It loads the CSV data, parses the quantitative attributes into numbers, and then renders the parsed first entry. The code imports data from `data.csv` and uses a stringified JSON representation to display the object within the container's inner HTML. The data originates from the palmerpenguins GitHub repository.

QQuinn Sebso
69% match
Loading thumbnail…

Fork of CSV Dataset Template - Penguins

This example demonstrates how to display a parsed CSV dataset by rendering the first row of the Palmer Penguins data as formatted JSON. It shows the raw structure of a single data record, including both quantitative and categorical attributes, before any further analysis. The visualization uses the `data.csv` import and parses numeric fields like `bill_length_mm`, `bill_depth_mm`, `flipper_length_mm`, and `body_mass_g` with unary plus operators. The code then inserts a `<pre>` element with the JSON string into the container, leveraging the `main` export function and the `data` export for reuse.

Hharichandanamone21@gmail.com
69% match
Loading thumbnail…

v4 - Boston Crash Map

This visualization displays a geographic map of Boston using hardcoded GeoJSON data of the Roslindale neighborhood, rendered with a Mercator projection via `d3.geoPath`. Crash records from the Boston Crash Dataset, including time, location, and mode type, are plotted as points on the map. The code imports CSV data directly and uses `d3.select` to set up the SVG container, with a projection centered on Boston's coordinates. This version focuses on integrating the neighborhood boundary geometry with the crash data for spatial analysis.

Ssjpeno@wpi.edu
69% match
Loading thumbnail…

v6 - Boston Crash Map

A geospatial treemap of Boston crash records from the city’s Vision Zero program maps point locations from a CSV onto a GeoJSON boundary. The visualization uses `d3.geoMercator` with a center on Boston and `d3.geoPath` to render the neighborhood polygon, while individual crashes are projected as points. The code imports crash data via `crashes.csv` and draws them in an SVG container, showing the geographic distribution of incidents by their `dispatch_ts` and `mode_type` attributes.

Ssjpeno@wpi.edu
68% match