NASCAR Most Starts Before First Win, Dropdown Added

100%

NASCAR Most Starts Before First Win, Dropdown Added

✓ Published0🌍 Public

Last edited Nov 22, 2021

Created on Nov 21, 2021

Forked from Fork of NASCAR Most Starts Before First Win

This bar chart displays NASCAR drivers ranked by the number of starts before their first career win, with bars colored by the track where that win occurred. A dropdown menu allows filtering to show only drivers who won at a selected track, with non-matching bars faded via opacity. Hovering reveals tooltips with the driver, track, and start count. The visualization uses the vega-lite-api library with vega, vega-lite, and a d3.csv loader, sourcing data from a gist of NASCAR race records from 1975 to 2003.

AI-generated description

This bar chart is an expansion on a previous viz I created which shows the number of starts it took each winner in the dataset to win their first race. While the data is the same, this version incorporates the idea of being able to hover over one of the bars, and get information on that driver's first win. Highlighted data includes the number of starts it took, and the track they won on. The bars are also colored by the track they won on. This data is a rendition of the NASCAR dataset, which contains information on races from 1975 to 2003.

Goal: When added to the dashboard, I would like this viz to filter out the bars pertaining to the selected track (if there are any).

MIT Licensed

Similar vizzes

Loading thumbnail…

NASCAR Most Starts Before First Win

This bar chart shows the number of NASCAR race starts each driver needed before achieving their first win, with bars colored by the track where that victory occurred. Hovering over a bar reveals the driver’s name, the specific track, and the start count. Built with Vega-Lite and d3.v5, the visualization loads CSV data from a GitHub Gist and uses a custom color scale with tooltips via vega-tooltip. The chart is configured to filter bars by selected track when integrated into a dashboard.

RRobert Johnson

93% match

Loading thumbnail…

Fork of NASCAR Most Starts Before First Win

A fork of the NASCAR Starts Before First Win visualization, this bar chart shows the number of race starts each driver took before their first victory. Each bar is colored by the track where the driver won, and hovering reveals the driver, track, and start count in a tooltip. Clicking a track selects all bars associated with it, dimming non-matching bars through Vega-Lite’s selectMulti and opacity encoding. The chart uses Vega-Lite v4, D3 for CSV loading, and the vega-tooltip handler, with data sourced from a NASCAR race dataset covering 1975-2003.

RRobert Johnson

89% match

Loading thumbnail…

NASCAR Starts Revised - Hover Capability Added

This bar chart shows the number of races each NASCAR driver competed in before their first win, using data covering 1975–2003. The chart uses a linear scale for the y-axis and a band scale for drivers on the x-axis, with each bar representing a driver. Hovering over a bar triggers a tooltip built with the d3-tip library, displaying the driver’s start count, win year, and track name in an SVG context. The visualization is rendered with D3 v5.

RRobert Johnson

85% match

Loading thumbnail…

NASCAR Bar Chart, Starts Before First Win

This bar chart visualizes the number of race starts each NASCAR driver accrued before achieving their first career victory, using a dataset spanning 1975 to 2003. The horizontal bars are sorted by count, with Michael Waltrip requiring 463 starts, dramatically exceeding all others. Built with D3 v5, the visualization uses d3.csv to load precomputed data from a CSV file, then applies d3.scaleLinear for the x-axis and d3.scaleBand for the categorical driver names on the y-axis, rendering bars as SVG rectangles.

RRobert Johnson

85% match

Loading thumbnail…

NASCAR Winners by Starting Position, Dropdown Added

This scatterplot shows NASCAR winners’ starting positions across race years from 1975 to 2003, with each point colored by track name and sized by track length. A dropdown menu filters the view to a single track, dimming non-selected points. The visualization is built with Vega-Lite and D3 v5, using `vl.selectSingle` and `vl.menu` for the interactive filter, and it loads data from a CSV via `d3.csv` to encode categorical colors and quantitative positions.

RRobert Johnson

83% match

Loading thumbnail…

Fork of NASCAR Starts Revised - Hover Capability Added

This bar chart displays the number of races each driver competed in before achieving their first NASCAR win, using data spanning from 1975 to 2003. The visualization, built with D3 v5 and rendered as SVG, enhances a prior version by adding interactive hover tooltips via the `d3.tip` library. When hovering over a bar, a tooltip shows the driver's starts, win year, and track. A scale band maps drivers along the x-axis, while a linear scale maps starts on the y-axis.

RRobert Johnson

83% match

Loading thumbnail…

Plot of Top 10 NASCAR Winners colored by Track

This bar chart visualizes the top 10 NASCAR drivers by total wins between 1975 and 2003, with each bar segmented and colored by the specific tracks where those wins occurred. A tooltip reveals the track name and win count for each segment. The visualization uses Vega-Lite API with d3.v5 to fetch CSV data, filter for top drivers via an `IsInTop10` field, and apply a custom color scale for each track. The chart’s stacked bars highlight the distribution of victories across different racetracks for each driver.

RRobert Johnson

82% match

Loading thumbnail…

NASCAR Stats Dropdown (WIP)

A bar chart displays career statistics for ten NASCAR drivers, ranked by a metric chosen from a dropdown menu (Starts, Wins, Top 5s, Top 10s, or Poles). The chart updates the bars and x-axis label when the selection changes. Built with React and D3 v5, it uses `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and CSV data loaded via `d3.csv`.

RRobert Johnson

82% match