Fork of NASCAR Starts Revised - Hover Capability Added

100%

Fork of NASCAR Starts Revised - Hover Capability Added

✓ Published0🌍 Public

Last edited Nov 24, 2021

Created on Nov 24, 2021

Forked from 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.

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

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

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

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

81% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Plot of NASCAR Winners by Starting Position

This visualization displays NASCAR winners’ starting positions as a bar chart, filtered to show only Daytona International Speedway, with bars sized by win count and colored by track name. It uses Vega-Lite API through d3.v5, loading data from a CSV file, and encodes the x-axis by driver, y-axis by count of wins, and tooltips for additional detail. The chart is rendered with Vega and Vega-Lite, configured with custom axis styling and a fixed bar size.

RRobert Johnson

79% match

Loading thumbnail…

Fork of Nascar Dashboard I- Just Plots

This dashboard presents four NASCAR visualizations: a map of track locations, a bar chart of starts before first wins, a stacked bar chart of top winning drivers by track, and a chart of car maker finishes. Built with Vega-Lite API and D3.js, it uses layered geoshape and circle marks with Albers USA projection, interactive selection for filtering, and tooltips. Data is loaded from external CSV files via D3’s `csv` method, with custom styling configured in a separate config file.

AAndre J Denais

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

77% match

Loading thumbnail…

Fork of Plot of Top 10 NASCAR Winners colored by Track

This bar chart shows the top 10 NASCAR drivers by total wins from 1975–2003, with each driver’s bar segmented and colored by the specific track where each win occurred. A tooltip reveals the track name and win count for any segment. The visualization uses vega-lite and d3.v5 to load CSV data from a GitHub gist, filters rows with an “IsInTop10” flag, and encodes track names via a custom color scale with explicit domain and range values.

KK V VINITHA

77% match