NASCAR Starts Revised - Hover Capability Added

100%

NASCAR Starts Revised - Hover Capability Added

✓ Published3🌍 Public

Last edited Oct 5, 2021

Created on Oct 4, 2021

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.

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. This comes from the NASCAR dataset, which spans from 1975 to 2003. 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, the year, and the track they won on.

**Fix: The Y-axis

MIT Licensed

Similar vizzes

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

93% match

Loading thumbnail…

Fork of NASCAR Starts Revised - Hover Capability Added

This bar chart visualizes the number of starts each NASCAR driver needed before their first race win, using data spanning 1975 to 2003. Hovering over a bar reveals a tooltip with that driver’s start count, win year, and track, powered by the d3-tip library. The chart uses d3.scaleBand and d3.scaleLinear for axes, with SVG rendering and mouseover/mouseout events to trigger the tooltip’s show and hide methods.

EEngineerRajeev

92% match

Loading thumbnail…

NASCAR Most Starts Before First Win, Dropdown Added

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.

RRobert Johnson

85% match

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

81% 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

81% 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

78% 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

78% match

Loading thumbnail…

NASCAR history of drivers and tracks

This visualization shows NASCAR race winners across years, with each circle representing a driver’s starting position in a race. The x-axis maps the year, the y-axis lists drivers sorted by their first winning year, circle size encodes starting position, and color distinguishes tracks. Built with Vega-Lite API, it loads CSV data via D3’s `csv` function and renders to SVG using Vega’s renderer, with tooltips enabled through Vega Tooltip.

CCurran Kelleher

77% match