Skip to main content
SimilarExport ZIP
100%

Nascar Dashboard I- Just Plots

✓ Published3🌍 Public
RRobert Johnson
Last edited Nov 22, 2021
Created on Nov 19, 2021

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.

AI-generated description

A visualization constructed using the vega-lite-api.

Try again by swapping one viz out for the starting position one.

Add a legend. How?

Add dropdown for tracks?

See Data on Gist: Housing Values at Boston Suburbs

The original data comes from the github: Boston Housing Data

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
92% 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
91% 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
91% 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
85% 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
82% match
Loading thumbnail…

Fork of Fork of Boston Housing Dataset Part I

This dashboard visualizes NASCAR statistics through five linked views: a U.S. map of track locations, a bar chart of starts before first wins, a stacked bar chart of top winners split by track, and car maker finish distributions. The visualizations use the vega-lite-api to construct marks like `markCircle`, `markBar`, and `markGeoshape` with `vl.longitude()`, `vl.latitude()`, and `vl.topojson`. Data is loaded asynchronously via `d3.csv` from remote gist URLs. A legend is explicitly hidden using `.legend(null)`.

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

AIT684 Fork of Fork of NASCAR Statistics Dashboard

This dashboard presents NASCAR race statistics in a multi-view React layout with separate panels for a stacked bar chart, map, simple bars, scatter plot, color legend, and car maker finishes. Each panel is color-coded for visual distinction. The scatter plot uses D3 scales and SVG circles to plot race data, while the color legend displays track names with ordinal color mapping. Data loads from a CSV file containing race winners, and the layout uses Flexbox for responsive panel arrangement.

CCrossZeigler
80% match