Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of How its made step by step: Baseball Hitting Metrics Dashboard

Public visualization

Viewing a saved revision (read-only)

3584b5f605e4435aa05d3f60d3df11f2

Fork of How its made step by step: Baseball Hitting Metrics Dashboard

0 stars0🌍 Public
NNita
Last edited Jul 22, 2025
Created on Jul 22, 2025

This dashboard visualizes relationships among baseball hitting metrics, such as bat speed, exit velocity, attack angle, and hand speed, using an interactive scatter plot. Users switch axis metrics via dropdown selectors, and hovering over points reveals detailed data in a tooltip. Built with React and D3 v7, the chart uses `scaleLinear`, `axisBottom`, `axisLeft`, and `transition` for animated updates. Data loads from a CSV file (`poi_metrics.csv`) through a custom hook, with axes and point sizes adapting to the container using `ResizeObserver`.

AI-generated description