NASCAR Dashboard III- Dropdowns Added

100%

NASCAR Dashboard III- Dropdowns Added

✓ Published2🌍 Public

Last edited Dec 3, 2021

Created on Nov 21, 2021

Forked from NASCAR Dashboard II- Different Plots

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.

AI-generated description

A WIP dashboard displaying 4 visualizations related to NASCAR statistics. This is my first to incorporate a dropdown, and I am very happy with the progress I made. Right now, each viz has its own dropdown and they are not connected yet, but this is one thing I would like to change. I would like to have one dropdown for the dashboard, but I am not entirely sure how to do that. Each viz also resets with a click. These vizzes are still interactive and utilize vega-lite api to add tooltips. Hovering over the dots reveals different details about the points or bars, even when the filters are active. Below is a list of the datasets used to create this dashboard (pre-processing was done in R).

Track Map

Car Maker Plot

Starts Before First Win

Winners Scatter Plot

MIT Licensed

Similar vizzes

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

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

86% match

Loading thumbnail…

Nascar Dashboard I- Just Plots

This dashboard presents four NASCAR data plots: a map of track locations, a bar chart of starts before first wins, a stacked bar chart of top drivers by track, and car maker finishes. It uses the Vega-Lite API with `vl.markCircle`, `vl.markBar`, and `vl.layer` to render the visualizations. The map uses an Albers USA projection from a topojson file, while other plots pull data from remote CSVs. Interactive multi-selection via `vl.selectMulti` filters points and bars by track name, adjusting opacity for highlighted marks.

RRobert Johnson

85% match

Loading thumbnail…

NASCAR Dashboard II- Different Plots

This dashboard presents four interactive visualizations of NASCAR statistics. A map of the United States displays race tracks colored by name, with a scatter plot showing racing starts before a driver’s first win. A circle plot visualizes winners by year and starting position, with point size encoding track length. A point chart shows car maker finishes. The visualizations use the vega-lite-api with D3.js for data loading. Interactive selections allow clicking on tracks to filter displays. The map uses topojson data for U.S. states, while CSV datasets provide track locations and race statistics.

RRobert Johnson

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

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

82% match

Loading thumbnail…

NASCAR Statistics Dashboard

This dashboard presents a comprehensive view of NASCAR race statistics from 1975 to 2003, combining multiple visualization types to explore driver performance, track characteristics, and car manufacturer finishes. The interface integrates a scatter plot with interactive dropdown controls for examining different race metrics, a color-coded map showing track locations, stacked bar charts displaying top winners, and additional bar and point charts. Built with React and D3, the visualizations use SVG rendering, with the map employing d3.geoPath for geographic display and Vega-Lite APIs for several chart types. The scatter plot includes hover interactions on its color legend to highlight specific tracks, while tooltips provide detailed race information.

RRobert Johnson

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

80% match