derekchoe / kobe-chart

D3 data visualization that charts all 26,200 of the shots Kobe Bryant took in his career.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Kobe Shot Chart

Live Link

This project is a data visualization that was created using the D3 JavaScript Library. It charts all 26200 shots that Kobe Bryant took in his 20 year career with the Los Angeles Lakers.

Technologies

JavaScript
D3.JS for visualization
HTML and CSS for styling

Features

Hover

Users can hover over each dot that represents a shot that Kobe has taken (purple = make, gold = miss). When the user hovers over the shot, data on game date, shot distance, shot range and the opposing team is shown.

Filter


Users also have the ability to view the shots he took in a few of his most iconic games using the dropdown menu. When an option is clicked, shots are filtered out based on the day that the game occured.

About

D3 data visualization that charts all 26,200 of the shots Kobe Bryant took in his career.


Languages

Language:JavaScript 99.9%Language:CSS 0.0%Language:HTML 0.0%Language:PHP 0.0%