Batted Ball Data Visualizer

This web app visualized batted ball data to create spray charts and plots. The web app is deployed at http://isaacrlee.com/batted-ball-data-visualizer/.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

First, clone the repository.

git clone https://github.com/isaacrlee/batted-ball-data-visualizer.git

Then open index.html:

Example Data

Excel and .csv files of example batted ball data in the required format are included: BattedBallData.(csv|xlsx).

Built With

• Bootstrap - The web framework used
• Algolia - Data search
• plotly.js - Used to generate charts

Next Steps

• Batter and pitcher selection is buggy, should probably use Angular for true data binding.
• Add summary statistics.
• Plotly plots are clean but sparse, could use D3 to create better plots.
• Use a real database/back-end, Algolia is great but expensive with larger datasets.
• Add data from MLB AM API (handedness data).
• Synchronize plots.