Skip to main content
SimilarExport ZIP
100%

Fork of NASCAR history of drivers and tracks

✓ Published1🌍 Public
Hhyeonukim91
Last edited Oct 4, 2022
Created on Oct 4, 2022

This example visualizes NASCAR race winners by starting position, using a circle plot where each dot’s size encodes the starting position and its color represents the track. Drivers are sorted by year on the y-axis, with the year on the x-axis. The visualization is built with Vega-Lite, using the `vl.markCircle` API for encoding, and loads CSV data via `d3.csv` from a remote GitHub gist. The chart uses `vl.x().fieldN('Year')` and `vl.y().fieldN('Driver')` for axes, with tooltips for driver and track details.

AI-generated description

Exploring the dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of NASCAR winners by starting position, split by year

This visualization plots NASCAR race winners by their starting position across years, with each circle representing a win. The y-axis shows the starting position, while the x-axis spans the years, with track names encoded by color. A tooltip reveals the driver and track on hover. The code uses the Vega-Lite API with the `vl.markCircle` method, configured through the `viz.js` file, and loads CSV data asynchronously via d3’s `csv` function. Rendering is handled by Vega-Lite in SVG mode, with custom styling applied through the `config.js` file.

RRobert Johnson
91% match
Loading thumbnail…

NASCAR history of drivers and tracks

This visualization shows NASCAR race winners across years, with each circle representing a driver’s starting position in a race. The x-axis maps the year, the y-axis lists drivers sorted by their first winning year, circle size encodes starting position, and color distinguishes tracks. Built with Vega-Lite API, it loads CSV data via D3’s `csv` function and renders to SVG using Vega’s renderer, with tooltips enabled through Vega Tooltip.

CCurran Kelleher
89% match
Loading thumbnail…

NASCAR winners by starting position, split by year

This visualization shows NASCAR race winners’ starting positions across years, with each dot representing a single race and its driver’s grid position. A circular mark with 50% opacity encodes each race, while tooltips reveal the driver and track name. The data comes from a CSV file loaded via `d3.csv`, and the chart is rendered using Vega-Lite’s API. The visualization uses `vl.markCircle`, `vl.x().fieldN('Year')`, and `vl.y().fieldQ('Start')` to map the fields, with color fixed to a constant red and the chart configured for full-window fit via `autosize`.

RRobert Johnson
87% match
Loading thumbnail…

Fork of Fork of Fork of Fork of Plot of NASCAR Winners by Starting Position

This visualization displays NASCAR winners’ starting positions as a bar chart, filtered to show only Daytona International Speedway, with bars sized by win count and colored by track name. It uses Vega-Lite API through d3.v5, loading data from a CSV file, and encodes the x-axis by driver, y-axis by count of wins, and tooltips for additional detail. The chart is rendered with Vega and Vega-Lite, configured with custom axis styling and a fixed bar size.

RRobert Johnson
87% match
Loading thumbnail…

Random NASCAR exploration

This visualization plots NASCAR race winners by track and driver, with circle size encoding starting position and color encoding year. The data comes from a CSV loaded via `d3.csv`, and the chart is built declaratively using `vega-lite-api` with `markCircle`, `vl.x().fieldN`, and `vl.y().fieldN`. It uses Vega-Lite’s size and color encodings for quantitative fields, and renders an SVG via Vega, with tooltips provided by `vega-tooltip`. The layout fits the full window and applies custom axis and label styling from `config.js`.

CCurran Kelleher
86% match
Loading thumbnail…

Fork of Plot of NASCAR Winners by Starting Position

A scatterplot shows NASCAR winners' starting positions over time, with each point colored by track name and sized by track length, revealing that larger tracks like Talladega Superspeedway allow winners from farther back in the field than short tracks like Martinsville. The interactive visualization, built with Vega-Lite and the vega-lite-api framework, uses brush selection on the x-axis and click filtering on color to explore subsets, while data is loaded via D3's `csv` from a GitHub-hosted NASCAR dataset spanning 1975 to 2003.

RRobert Johnson
84% match
Loading thumbnail…

Plot of NASCAR Winners by Number of Lead Changes

This visualization plots NASCAR race winners by year and number of lead changes, with each circle colored by track name and sized by track length. The scatterplot uses Vega-Lite’s API for encoding, with `vl.x().fieldN('Year')`, `vl.y().fieldQ('Lead Changes')`, and `vl.size().fieldN('Length')` to differentiate track dimensions. Data is loaded asynchronously from a CSV via D3’s `csv` function, then rendered using Vega’s SVG view. The tooltip, built with `vega-tooltip`, displays the driver and track name on hover. Colors and sizes reveal patterns, such as larger ovals enabling more overtaking than short tracks.

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