# baseball-score-visualization

**Repository Path**: candyTong/baseball-score-visualization

## Basic Information

- **Project Name**: baseball-score-visualization
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-03-15
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 数据可视化-棒球分析 [![](https://img.shields.io/badge/D3-v3.5.17-orange.svg)](https://github.com/d3/d3/wiki/API--%E4%B8%AD%E6%96%87%E6%89%8B%E5%86%8C)

# 概要
该图表为棒球球手自身特征与其变现的关系图，展现了棒球球手身高、体重、左右手跟其全垒得分的关系

[最终预览地址][3]

# 设计
+ 使用气泡图来展示数据，用点的大小代表球员的全垒得分
+ 横坐标为体重，纵坐标为身高
+ 左右手用不同的气泡颜色表示
+ 为了防止过度绘制，气泡透明度用了0.25
+ 可以通过按钮查看对应的手的球员的全垒得分


# 结论
+ 总体来说，全垒得分高的球员，其身高体重比是在一定范围内的，即相同身高/体重，体重/身高过大或过小，其全垒得分也不高。且全垒得分的球员体重在 [71,75] 身高在 [175,200]
+ 球员的表现 右手 > 左手 > 双手 

# 资源
+ [d3文档][1]
+ [选颜色的网站][2]


  [1]: https://github.com/d3/d3/wiki/API--%E4%B8%AD%E6%96%87%E6%89%8B%E5%86%8C
  [2]: https://flatuicolors.com/palette/defo
  [3]: http://candycute.cn/baseball/baseball-final.html