Boston Marathon Bar Chart #1

100%

Boston Marathon Bar Chart #1

✓ Published1🌍 Public

Last edited Sep 25, 2025

Created on Sep 25, 2025

Forked from Boston Marathon Box and Whisker Plot

This bar chart displays the average percent change between first and second half marathon times across age groups for the 2024 Boston Marathon, with the y-axis fixed from 0% to 25%. The visualization groups runners by age category and computes the mean percentage slowdown per group. Built with React and D3 v7, it uses d3.csv to load the data, d3.scaleBand for the categorical x-axis, d3.scaleLinear for the y-axis, and d3.mean to aggregate the values. Bars are rendered as SVG rectangles filled with steelblue.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Boston Marathon Bar Chart #2

This bar chart shows the number of runners in each age group at the 2024 Boston Marathon, with bar colors encoding the average percent change between each group’s first and second half finish times. Using React and D3 v7, the chart groups runners from a CSV file into age categories, counts them, and calculates an average split-time change. The `viz` function builds the chart with D3’s `scaleBand` and `scaleLinear`, and a custom `getColor` utility maps average percent-change values to a green-to-red palette. A legend explains the color scale.

BBen Trantanella

94% match

Loading thumbnail…

2024 Boston Marathon Data Final Project

A bar chart displays the number of runners in each age group from the 2024 Boston Marathon, with bar colors encoding the average percentage slowdown between the first and second half of the race. Data is loaded from a CSV file and processed in React, while d3.v7 handles scales, axes, and rendering. The custom `getColor` function assigns darker green through red hues to increasing positive split percentages, and a legend explains the color scale.

BBen Trantanella

86% match

Loading thumbnail…

Boston Marathon Box and Whisker Plot

This box and whisker plot shows how runners’ finish times change between the first and second halves of the 2024 Boston Marathon, broken down by age group. The chart displays percent change in split times, with positive values indicating a slower second half. It uses d3.scaleBand and d3.scaleLinear for axes, while box plot statistics are calculated manually from the data. Outliers are filtered by removing the most extreme 20% of values beyond the whiskers. The visualization is built with React and D3 v7, reading from a CSV of finisher data sourced from Kaggle.

BBen Trantanella

84% match

Loading thumbnail…

Marathons with Most Finishers in 2018(As of 9/11)

This horizontal bar chart ranks the top ten marathons by finisher count in 2018, with the Boston Marathon leading at 25,746 finishers and the Vancouver Marathon last at 3,758. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map finisher values to bar widths and race names to vertical bands. Data is loaded from a local CSV file via `csv()` and rendered as SVG rectangles in purple. The chart’s left margin is widened to accommodate long race names, and the source is attributed to findmymarathon.com.

NNikkor

72% match

Loading thumbnail…

Athlete Data from 2024 Boston Marathon

This visualization displays athlete data from the 2024 Boston Marathon, showing the raw dataset as a JSON-formatted text dump within a `<pre>` element. It uses D3 v7’s `csvParse` to load and parse the data, converting numeric string fields like `first_half`, `finish`, and `percent_change` into numbers for analysis. The visualization updates reactively via a `setState` function, triggering a re-render of the container with the newly fetched data. It demonstrates a minimal data-loading workflow without any chart or graphical encoding.

BBen Trantanella

72% match

Loading thumbnail…

Final Project: 2024 Boston Marathon Data Vis

This interactive visualization displays 2024 Boston Marathon finisher data aggregated by U.S. state on an Albers equal-area projection map. Users can toggle between four coloring metrics—number of finishers, average finish time, average age, and average second-half split difference—with darker state colors indicating higher values. Circle size encodes the finisher count per state. Built with D3.js and topojson-client, it loads state boundaries from the us-atlas TopoJSON, parses CSV data via d3.csvParse, and renders geographic paths using d3.geoPath and a tooltip on hover.

BBen Trantanella

70% match

Loading thumbnail…

London Marathon Negative Splits

This visualization shows the distribution of split ratios for 7,190 London Marathon 2016 finishers, comparing each runner’s second-half time minus their first-half time. It groups runners by total finish time in one-hour buckets, rendering horizontal histograms with green bars for negative splits and orange for positive ones. Each panel displays the proportion of negative splits and the mode split. The chart uses d3 and d3fc components, including `d3.histogram`, `fc.seriesSvgBar`, and `d3.nest`, with data sourced from Strava athlete data in a CSV file.

CColinEberhardt

67% match

Loading thumbnail…

Bar Chart

A bar chart displays the running total of a dataset from 1949 to 2019, with each year’s cumulative value shown as a horizontal steelblue bar. The chart uses d3.csv to load the data, then d3.scaleLinear for the x-axis and d3.scaleBand for the y-axis. Axes are rendered with d3.axisLeft and d3.axisBottom, while the x-axis labels are formatted with d3.format using a '.3s' suffix.

JJagan

67% match