您的位置:首页 > Web前端 > BootStrap

基于D3的NBA球员可视化分析——WHO IS THE MVP

2018-01-08 20:21 375 查看


该文转自我的个人主页——平地風雷

--------------------------------------

写在前面

一直以来对于数据可视化都有着浓厚兴趣,奈专业所限,近来抽身应用了课余学的一些可视化的东西。本次我对NBA常规赛中平均得分TOP30的球星的做了热图和雷达图的可视化分析,通过直观的图形展示,谁才是你心中的MVP呢?页面简介

页面简介

以d3.js为核心,采用bootstrap栅格式布局
引用了开源的radarChart.js并做了改动
热图以颜色深浅表示数据大小,鼠标悬停可显示具体数据
在热图上点击某一球员的任一数据,可显示该球员的雷达图
雷达图上可悬停显示数据
采用了一定的响应式布局,但还是推荐PC端访问

在线演示

点击打开链接

源码下载

https://github.com/Ruiping-Li/nbaplayer
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐