Skip to main content
SimilarExport ZIP
100%

NASCAR Stats Dropdown (WIP)

✓ Published0🌍 Public
RRobert Johnson
Last edited Oct 23, 2021
Created on Oct 11, 2021

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`.

AI-generated description

A brief investigation of Historic NBA players and their career statistics.

This iteration added frist included a lot of back end cleaning and preparation of data. Then I was able to add a dropdown that allows the viewer to select the stat they are interested in viewing. For now it is stuck sorted by points. A few issues are present first off all active players are treated differently than retired players. Their data is from the last season while retired players have their career stats. I will be adding a toggle to look at past season vs retired players. Unfortunatly this messes with some of the analysis I wanted to do but Ill adapt. I also want to add a slider that allows you to choose the years to look at.

Read more about how the project evolved here.

MIT Licensed

Similar vizzes

Loading thumbnail…

NASCAR Scatterplot With Dropdown, Filter

This interactive scatterplot displays NASCAR race winner statistics from 1975 to 2003, plotting year on the x-axis against a user-selectable y-axis metric, including starting position, payout, caution flags, lead changes, and winning time. A dropdown menu from ReactDropdown enables switching between these attributes, while points are colored by track name using a d3.scaleOrdinal color scale. Hovering over the color legend highlights data points for a selected track and fades others to 12% opacity. The visualization uses d3.scaleTime and d3.scaleLinear scales, renders SVG circles via React components, and loads CSV data with d3.csv.

RRobert Johnson
82% 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
82% match
Loading thumbnail…

NASCAR Winners Plot with Menu

This interactive scatter plot displays NASCAR race statistics, comparing race years against selectable metrics such as start position, payout, track length, or caution flags. A dropdown menu updates the y-axis attribute dynamically, while circle color encodes track name and size encodes race length. Built with React and D3 v5, it uses scaleLinear, scaleOrdinal, and CSV-loaded race data with SVG rendering for marks and axes.

RRobert Johnson
82% match
Loading thumbnail…

Fork of NASCAR Scatterplot With Dropdown, Filter

A NASCAR scatterplot displays race winners by starting position or other selectable statistics across years, with each point colored by track name. A dropdown menu switches between metrics like payout, caution flags, lead changes, and winning time. Hovering over the legend highlights all points for a specific track while fading others. The visualization uses React with D3 scales (scaleTime, scaleLinear, scaleOrdinal) for axes and coloring, rendering SVG circles, and loads data from a CSV file.

AAndre J Denais
80% match
Loading thumbnail…

NASCAR Dashboard IV- Dropdowns, Different Plots

This dashboard displays four NASCAR visualizations: a map of track locations, bar charts of driver starts before first wins and top winners, and a scatter plot of starting positions among winners. Each visualization includes an independent dropdown menu and interactive tooltips, with points and bars resizing based on selections. Built with d3.v5 and the Vega-Lite API, the visualizations use `vl.selectSingle` with a menu binding for filtering, `markGeoshape` and `markCircle` for the map, and `markBar` for histograms. The data is loaded via D3’s `csv` from GitHub gists, with tooltips handled by Vega Tooltip.

RRobert Johnson
79% match
Loading thumbnail…

NASCAR Dashboard III- Dropdowns Added

This dashboard displays four NASCAR statistics visualizations: a U.S. track map, a bar chart of starts before first wins, a scatterplot of starting positions among winners, and a car maker finishes chart. Each view includes its own dropdown menu that filters by track name, implemented with `selectSingle` and `bind.menu` from vega-lite-api. Points and bars reset with a click, and hovering reveals tooltips via vega-tooltip. Data is loaded asynchronously with d3.csv from GitHub gists.

RRobert Johnson
79% match
Loading thumbnail…

NASCAR Car Maker Finishes, Dropdown Added

This scatterplot visualizes NASCAR car maker finishes from 1975 to 2003, with circles sized by count of instances for each finish. A dropdown menu allows filtering by individual track, changing point colors to match track-specific palettes from other visualizations. The chart uses Vega-Lite API with `vl.selectSingle` and `vl.menu` for interactive filtering, `vl.markPoint` for rendering, and `vl.tooltip` for hover details. Data is loaded from a CSV via `d3.csv`.

RRobert Johnson
78% match
Loading thumbnail…

Fork of NASCAR Statistics Dashboard

This dashboard displays NASCAR race statistics across multiple coordinated views, including a stacked bar chart, scatter plot, simple bar chart, and legend of race tracks. The interface uses React with SVG rendering via D3 v6, loading race winner data from a CSV file using the `csv` function. The implementation includes custom React components for axes, color legends with hover interactions, and dropdown menus for filtering, with a flexbox layout organizing the visualization panels.

CCurran Kelleher
78% match