Skip to main content
SimilarExport ZIP
100%

NASCAR Car Maker Finishes, Dropdown Added

✓ Published0🌍 Public
RRobert Johnson
Last edited Nov 22, 2021
Created on Nov 21, 2021

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

AI-generated description

This scatterplot shows the various car makes that have run NASCAR races, and their finishes. The circles are sized by the count for easy comparison. Some makes, obviously, have found more success than others. A tooltip shows the finish and a count of instances of that finish for that make. The data used in this visualization is derived from a dataset which contains information on every NASCAR race run from 1975 to 2003.

Goal: When this viz is added to the dashboard, selecting a track will filter this viz for that track, so the viewer can see how well the different makes have done at a specific track. When selected, the dots will change color to match that track's color in other visualizations.

MIT Licensed

Similar vizzes

Loading thumbnail…

NASCAR Car Maker Finishes, Frequency- Filter WIP

This scatterplot shows NASCAR car makes and their race finishes from 1975–2003, with circle size encoding the frequency of each finish count for a given make. Using vega-lite-api and d3.v5, it loads external CSV data and renders points with a tooltip detailing finish value and count. The markup includes commented filter and color encodings for future track selection, and the visualization is built through Vega-Lite’s markPoint and encoded size, x, y, and tooltip channels.

RRobert Johnson
89% match
Loading thumbnail…

Fork of NASCAR Car Maker Finishes, Frequency- Filter WIP

This scatterplot displays NASCAR car makes and their race finishes from 1975 to 2003, with circle size indicating frequency of each finish. The visualization uses Vega-Lite API with d3.csv for data loading, encoding track names as colors through a scale with custom domain and range. A tooltip provides detailed counts of each finish per make. The code prepares for interactive filtering by track, where selecting a track would recolor the dots to match that track's designated color across other visualizations.

RRobert Johnson
87% 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
87% 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
86% 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
84% match
Loading thumbnail…

Fork of NASCAR Car Maker Finishes, Frequency

This fork visualizes NASCAR car maker finishes as a scatterplot, with each circle representing a finish position for a specific make. The color and size of each circle encode frequency, revealing which manufacturers dominate top finishes. The visualization uses Vega-Lite API with a d3.csv loader to fetch the data from a GitHub gist. Rendering is handled through vega-lite’s markCircle encoding, with custom config for axis styling and a tooltip handler from vega-tooltip.

RRobert Johnson
84% match
Loading thumbnail…

NASCAR Car Maker Finishes, Frequency

This visualization shows the frequency of finishes for NASCAR car makers, with each circle representing a finish position and its size and color encoding the frequency of that result. Built with Vega-Lite and the vega-lite-api wrapper, it plots car makers on the x-axis against finish positions on the y-axis, using a circle’s size and color intensity to convey how often each maker achieved a given finish. The data is loaded from a remote CSV via d3.csv, and the chart is rendered as an SVG, with custom axis and label styles defined in a config object to improve readability.

RRobert Johnson
83% match
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
83% match