Skip to main content
100%

NASCAR Dashboard IV- Dropdowns, Different Plots

✓ Published0🌍 Public
RRobert Johnson
Last edited Dec 3, 2021
Created on Nov 23, 2021

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.

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