Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

NASCAR Dashboard IV- Dropdowns, Different Plots

Public visualization

Viewing a saved revision (read-only)

be0a5f9cca2645daae86751cb56b8fa0

NASCAR Dashboard IV- Dropdowns, Different Plots

0 stars0🌍 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