Skip to main content
SimilarExport ZIP
100%

DASHBOARD

✓ Published0🌍 Public
CChristian Magelssen
Last edited Oct 14, 2020
Created on Oct 13, 2020
Forked from HTML Starter

This dashboard visualizes the performance of individual skiers across multiple runs, comparing their race time ratios against a reference time. A dropdown menu lets users select a start number (BIB) to view that skier’s data. The chart uses D3 v6 to render an SVG bar chart, with red bars for positive ratios and teal bars for negative ones, and D3 scales and axes for layout. Data is loaded from a CSV file and filtered dynamically upon selection.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Matrix

A matrix of small multiples displays ski racing performance data, with each row representing a skier (by bib number) and each column a split point along the course. Individual circles plot performance values, jittered on the x-axis to reduce overplotting, with axes scaled via `d3.scalePoint` and `d3.scaleLinear`. Built with D3 v7, the SVG visualization uses `d3.groups` to organize data by bib and renders interactive circles that highlight on mouseover, styled with CSS. Data originates from a CSV file of timing differences.

CChristian Magelssen
76% match
Loading thumbnail…

Performance analysis

Four small multiples display scatterplots of alpine ski split times across training days and course types. Each panel corresponds to a different intermediate timing point, with points jittered along the course axis. A dropdown menu filters all panels by ski academy. The visualization uses D3 v7 with SVG rendering, custom `scatter()` and `menu()` reusable chart functions, and `d3.rollups` to aggregate means. Data comes from a CSV file loaded via `d3.csv`.

CChristian Magelssen
75% match
Loading thumbnail…

Performance Visualization Dashboard

This dashboard visualizes runtime performance across frames using three coordinated D3 v6 SVG charts. A bar chart shows functions with the longest total runtime, while a scatter plot details the breakdown of the longest frame by function. An interactive line chart connects performance points over tick time, enabling selection of specific frames. The visualization uses d3.csv for data loading, scaleBand, scalePoint, scaleLinear, axisLeft, axisBottom, and d3.timeParse to structure the CSV data containing Tick, Identifier, and Runtime fields.

IINDIGOBLIN
72% 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
72% match
Loading thumbnail…

Dashboard

This dashboard presents a scatterplot comparing pairs of weather variables, such as temperature and humidity, from a dataset that includes daily records. Users select the x and y variables from dropdown menus to change the visualization. The chart is rendered as an SVG using D3 v5, with D3’s scale and axis components generating the grid and tick marks. The surrounding layout uses CSS to position header panels and the plot area.

Eeourm20
72% match
Loading thumbnail…

Fork of Fork of NASCAR Statistics Dashboard

This dashboard presents NASCAR race statistics through six linked views: a stacked bar chart, map, simple bars, scatter plot, color legend, and car maker finishes panel, arranged in a two-row flexbox layout. The interface allows users to explore race winners across tracks and years. The visualization is built with React and D3 v6, using SVG for rendering, with data loaded from a CSV file via d3.csv. Components include custom axes, color legends with hover interactions, and a scatter plot that displays driver finishes with tooltips.

RRenee
71% match
Loading thumbnail…

Football Goal Scorers Dashboard V2

This dashboard presents football league scorers data through four coordinated views: a scatter plot, bar chart, line chart, and parallel coordinates. It uses the D3.js library for visualizations including `scaleLinear`, `scaleBand`, `scaleOrdinal`, `axisLeft`, and `transition`. The scatter plot and parallel coordinates feature interactive color legends that filter data on hover, while the line chart uses `scaleTime` and the bar chart sorts data by value. The user can select different x-axis variables through a dropdown menu, and the parallel coordinates include brush filters for multidimensional exploration.

Eeschuman20@gmail.com
71% match
Loading thumbnail…

Fork of Fork of Fork of NASCAR Statistics Dashboard

This dashboard presents a grid of six panels showing NASCAR race statistics, with distinct colored sections for a scatter plot, stacked bar chart, map, and simple bar chart. The visualization uses React to compose the layout and relies on reusable D3.js components for SVG axes, legends, and data marks. The ColorLegend module displays a static list of racing tracks with color swatches and labels, while other panels are initialized as empty containers. The dashboard imports a CSV dataset of race winners, which is prepared with type conversions for numerical fields like Payout and Caution Flags.

Ccolbygogan
71% match