“There is no “i” in team but there is in win” -Michael Jordan
Data Visualization Project Tony Nguyen
IID IM241 | Scott Mansfield | 11.14.12
1
Tony Nguyen | 11.14.12 | IID IM241 | Data Visualization
Project Statement 1. Background Sports Illustrated is one of the oldest and most recognizable sports magazines to be nationally known. A franchise that is owned by Time Warner, they became popular in the 1960’s and the first magazine to reach over one million sales which won them the “National Magazine Award for General Excellence”. 2. Target Audiences Sport enthusiasts/fanatics ages 12-50 3. Objectives Having target audiences have a better understanding of the NBA statistics, in a more concise and entertaining way with a plot of a story. 4. Obstacles NBA statistics can get quite lengthy and complex. They are just so many key points that are displayed and they can get as technically precise as coming down to percentage ratings. 5. Key Benefit Audiences will be able to get familiarized with the sport. 6. Support Statements/ Reasons Why Knowledge is power; you can never get enough information. 7. Tone Opinionated with statistics to support it. 8. Media Website, PDF.
2
Tony Nguyen | 11.14.12 | IID IM241 | Data Visualization
Inspiration
3
Tony Nguyen | 11.14.12 | IID IM241 | Data Visualization
Inspiration
4
Tony Nguyen | 11.14.12 | IID IM241 | Data Visualization
Inspiration
5
Tony Nguyen | 11.14.12 | IID IM241 | Data Visualization
Sketches
6
Tony Nguyen | 11.14.12 | IID IM241 | Data Visualization
Sketches
7
Tony Nguyen | 11.14.12 | IID IM241 | Data Visualization
Sketches
8
Tony Nguyen | 11.14.12 | IID IM241 | Data Visualization
Sketches
9
Tony Nguyen | 11.14.12 | IID IM241 | Data Visualization
Process
10
Tony Nguyen | 11.14.12 | IID IM241 | Data Visualization
Process “There is no “I” in team but there is in win.” -Micahel Jordan 6000 5000
0
600
0
500
3 00 60
00 00 0
10
20
00
30
40
00
50
00
0 1.
6 0.
2 0. 0 0.
0
4 0. 0.2 0.0
0
0
0.0
0.2
0.4
0.6
0.8
1.0
0
200
100
8 0.6
0 0
400
300
0. 0.8
0.4
0.0 0.4
0.2 0.6
0
0.8
0.
1.0
2 0.
1.0
4 0.
0
0 1.
0.
8
0.4
s ist al in -i F
0.
6
0 100
0.2
m
0.6
0.6
Se
0.8
0.8
0
0.8
0.4
1.0
00 10
0.6
20 00
00
1.0
200
0
300
0
400
0
500
0
600
0
0 0 1000 2000 3000 4000 5000
40
0
0
60 0
0
0 50
100
3
0 00
0
50 00
100
00 60
40 00
00 20
30 00
00
10
0
0
0
0
1.
600 0
0.4
0.0
0
0.0
8
200
0.0 0.2
0.2
0
0.
0 300
300
0
6
200
0.
0
100
0
0. 4
0
1.0
2
0.
400
0.8
0
0
6000
5000
0.6
500
0.4
400 0
0.2
0.
4000
0.0
3000
2000
0
1.0
0.8
0.6
0.4
0.2
0.0
1000
ound Elimination First R
Confe renc eF ina 1.0 list s
1.0 0.8 0.6 0.4 0.2
0.0
1000
0.0
0
500
0
0
4
0.
0.0 0.0
0.
0 600
0
600
0
0
0
0
6
0.2
200
100
8 0.
0.2 0.2
300
0
0.4
400
0.6
0.4 0.4
500
0.6 0.6
2
2000
0
0.8
0.
3000
00
1.0
0.8
1.
0
10
00
1.0
00
00
20
ists inal ff F yo .0 Pla 1
00
30
0
00
40
R
0
50
0
0
0 100
0
0
100
0.
600
200
60
200
0.8
500
0
0
1000
0
4000
400 300
2000
000
5000
0
0
3000
0
400
6000
600 500
4000
0
200
300 0 0
400
0
500
0
600
6000
11
Tony Nguyen | 11.14.12 | IID IM241 | Data Visualization
Process “There is no “I” in team but there is in win.” -Michael Jordan Minutes Played
League Leaders
6000
1-Kevin Durant-OKC
5000
000
2-Pau Gasol-LAL
6
3-Rudy Gay-MEM
0
500
4-Blake Griffin-LAC
2000
2500
00 60
00
50
20
00
30
00
40
10
0
1. 0
0
0. 8 0. 6 4 0. 2 0. 0.8
0 0. 0.4 0.2 0.0
0
0.0
0.2
0.4
1.0
0
1000
2000
3000
0.6
Confe renc eF ina 1.0 list s
0 100
200
0
0 300
400
0
0
600
500 4000
0.0 0.2 0.4 0.6
0 0.
0.8
0.
2
1.0
6 0. 1.
0
0.
8
s ist al in i-F m
0.6
0.6
Se
0.8
0
0.8
1.0
1.0
0 0 10
1.0
0 0
300
0
400
0
0
0 0
1000
200
0
2000
300
0
400
3000
500
0
0
500
4000
600
0
50
100
60
0
40
0
100 200
3
20
00
0.8
0 100
0.4
0 00
0.6
0.2
00
0.4
0 200
0.4
0
0.
4
0.0
00
0.2
00
60
00
50
00
0.0
0 300
0.0 0.2
0 400
600 0
500 0
400 0
0 500
6000
5000
4000
3000
5000
0
300 0
0 600
0
0
2000
6000
600
400
500
0
0
200
0
600
5000
60
00
50
40
40
1
00
30
30
20
20
000
5-Tim Duncan-SAS 10
00
3-Roy Hibbert-IND 4-Dwyane Wade-MIA
0
20
1-Serge Ibaka-OKC 2-Andrew Bynum-LAL
5-Kevin Garnett-BOS
0
00
30
10
20
Blocks
0
10
1.0
0
1. 0
5-James Harden-OKC
0.8
50
3-Dwyane Wade-MIA 4-Russell Westbrook-OKC
8
40
1-Rajon Rondo-BOS 2-LeBron James-MIA
0.
250
0.6
200
0. 6
150
4
100
Steals
0.
50
2
0.
0
0
1.0
0.8
0.4
0
5-Tony Parker-SAS
1000
ound Elimination First R
0.6
0.4
0.2 0.2
0.
4-Dwyane Wade-MIA
0
0
1.0 0.8 0.6 0.4 0.2 0.0
2-LeBron James-MIA 3-Russell Westbrook-OKC
200
100 0
0.0
0.0
1-Rajon Rondo-BOS
300
0 1.
6 0.
0.2
0.0 0.0
0.0
Assists
250
0.2 0.2
0
200
0.4
4
150
0.4
0.
100
0.4
2
3-Kevin Durant-OKC 4-Udonis Haslem-MIA 5-Andrew Bynum-LAL
0.6
0.6
0.
2-Kevin Garnett-BOS
50
0.8
0.6
0.
1-LeBron James-MIA
0
1.0
0.8 0.8
8 0.
Total Rebounds
800
00
700
00
600
60
500
00
400
00
300
1.0
0
200
f yo Pla 1.0
You saw the stats, you decide!
00
100
alists f Fin
10
5-Kevin Garnett-BOS
0
00
4-Russell Westbrook-OKC
0
R
0
40
0
100
3-Dwyane Wade-MIA
0
0
0
20
2-Kevin Durant-OKC
200 100
50
200
30
1-LeBron James-MIA
0
0
1000
0
Total Points
Was It LeBron James who lead the Miami Heat to a triumphant victory in the playoffs?
400 300
2000
0 300
3000
0.6
1500
00
1000
0.8
500
00
0
0
0
3000
0
400
5-John Wall-WAS
600 500
4000
6000
15 10 5 0
12
LeBron James
Kevin Durant
Dwyane Wade
Rajon Rondo Russell Westbrook Kevin Garnett
Andrew Bynum
Serge Ibaka
Pau Gasol
Roy Hibbert
Rudy Gay
Blake Griffin
Udonis Haslem James Harden
John Wall
Tim Duncan
Tony Parker
Tony Nguyen | 11.14.12 | IID IM241 | Data Visualization
Final “There is no “I” in team but there is in win.” -Michael Jordan Minutes Played
League Leaders 1-Kevin Durant-OKC 2-Pau Gasol-LAL 3-Rudy Gay-MEM 4-Blake Griffin-LAC 5-John Wall-WAS 0
500
1000
1500
2000
2500
3000
Total Points 1-LeBron James-MIA
Was It LeBron James who lead the Miami Heat to a triumphant victory in the playoffs?
2-Kevin Durant-OKC
ists inal ff F yo Pla
3-Dwyane Wade-MIA 4-Russell Westbrook-OKC 5-Kevin Garnett-BOS 100
200
300
400
500
600
700
800
You saw the stats, you decide!
Total Rebounds 1-LeBron James-MIA 2-Kevin Garnett-BOS 3-Kevin Durant-OKC
0
50
100
150
200
250
200
250
40
50
ound Elimination First R
4-Udonis Haslem-MIA 5-Andrew Bynum-LAL
Confe renc eF ina list s
0
2012 NBA Playoffs Overview
Assists 1-Rajon Rondo-BOS 2-LeBron James-MIA 3-Russell Westbrook-OKC 4-Dwyane Wade-MIA
0
50
100
150
m
Steals
s ist al in i-F
5-Tony Parker-SAS
Se
1-Rajon Rondo-BOS 2-LeBron James-MIA 3-Dwyane Wade-MIA 4-Russell Westbrook-OKC 5-James Harden-OKC 0
10
20
30
Blocks 1-Serge Ibaka-OKC 2-Andrew Bynum-LAL 3-Roy Hibbert-IND 4-Dwyane Wade-MIA 5-Tim Duncan-SAS 5-Kevin Garnett-BOS 0
10
20
30
40
50
60
Points were allocated by using Players Ranked in number 1 received 5 points whereas last place received 1 point for each category.
20 15 10 5 0
13
LeBron James
Kevin Durant
Dwyane Wade
Rajon Rondo Russell Westbrook Kevin Garnett
Andrew Bynum
Serge Ibaka
Pau Gasol
Roy Hibbert
Rudy Gay
Blake Griffin
Udonis Haslem James Harden
John Wall
Tim Duncan
Tony Parker
Tony Nguyen | 11.14.12 | IID IM241 | Data Visualization
Final-Interactive Sequence “There is no “I” in team but there is in win.” -Michael Jordan Minutes Played
League Leaders 1-Kevin Durant-OKC 2-Pau Gasol-LAL 3-Rudy Gay-MEM 4-Blake Griffin-LAC 5-John Wall-WAS 0
500
1000
1500
2000
2500
3000
Total Points 1-LeBron James-MIA 2-Kevin Durant-OKC
ists inal ff F yo Pla
3-Dwyane Wade-MIA 4-Russell Westbrook-OKC 5-Kevin Garnett-BOS 100
200
300
400
500
600
700
800
Total Rebounds 1-LeBron James-MIA 2-Kevin Garnett-BOS 3-Kevin Durant-OKC
0
50
100
150
200
250
200
250
40
50
2012 NBA Playoffs Overview
Assists
5570 2239 930 402 168 114 69.6% 46% 34.7% 74.4%
Was It LeBron James who lead the Miami Heat to a triumphant victory in the playoffs? You saw the stats, you decide!
ound Elimination First R
4-Udonis Haslem-MIA 5-Andrew Bynum-LAL
Confe renc eF ina list s
0
Minutes Played Total Points Total Rebounds Assists Steals Blocks Win to Lose Percent Field Goal Percent 3 Point Percent Free Throw Percent
1-Rajon Rondo-BOS 2-LeBron James-MIA 3-Russell Westbrook-OKC 4-Dwyane Wade-MIA
0
50
100
150
m
Steals
s ist al in i-F
5-Tony Parker-SAS
Se
1-Rajon Rondo-BOS 2-LeBron James-MIA 3-Dwyane Wade-MIA 4-Russell Westbrook-OKC 5-James Harden-OKC 0
10
20
30
Blocks 1-Serge Ibaka-OKC 2-Andrew Bynum-LAL 3-Roy Hibbert-IND 4-Dwyane Wade-MIA 5-Tim Duncan-SAS 5-Kevin Garnett-BOS 0
10
20
30
40
50
60
Points were allocated by using Players Ranked in number 1 received 5 points whereas last place received 1 point for each category.
20 15 10 5 0
14
LeBron James
Kevin Durant
Dwyane Wade
Rajon Rondo Russell Westbrook Kevin Garnett
Andrew Bynum
Serge Ibaka
Pau Gasol
Roy Hibbert
Rudy Gay
Blake Griffin
Udonis Haslem James Harden
John Wall
Tim Duncan
Tony Parker
Tony Nguyen | 11.14.12 | IID IM241 | Data Visualization
Final-Interactive Sequence “There is no “I” in team but there is in win.” -Michael Jordan Minutes Played
League Leaders 1-Kevin Durant-OKC 2-Pau Gasol-LAL 3-Rudy Gay-MEM 4-Blake Griffin-LAC 5-John Wall-WAS 0
500
1000
1500
2000
2500
3000
Total Points 1-LeBron James-MIA
Kevin Maurice Garnett (KG, The Big Ticket, The Kid)
Was It LeBron James who lead the Miami Heat to a triumphant victory in the playoffs?
2-Kevin Durant-OKC
4-Russell Westbrook-OKC 5-Kevin Garnett-BOS 0
100
200
300
400
Position: Forward Height: 6-11 Weight: 220 lbs. Born: May 19, 1976 (Age 36) in Mauldin, South Carolina High School: Farragut Career Academy in Chicago, Illinois 500 600Minnesota 700 800 Timberwolves, Draft: 1st round (5th pick, 5th overall), 1995 NBA Draft NBA Debut: November 3, 1995 Age: 36 years Experience: 17 years Relatives: Cousin of Shammond Williams
Total Rebounds 1-LeBron James-MIA 2-Kevin Garnett-BOS 3-Kevin Durant-OKC
0
50
100
150
200
250
200
250
40
50
You saw the stats, you decide!
ound Elimination First R
4-Udonis Haslem-MIA 5-Andrew Bynum-LAL
ists inal ff F yo Pla
Confe renc eF ina list s
3-Dwyane Wade-MIA
2012 NBA Playoffs Overview
Assists 1-Rajon Rondo-BOS 2-LeBron James-MIA 3-Russell Westbrook-OKC 4-Dwyane Wade-MIA
0
50
100
150
m
Steals
s ist al in i-F
5-Tony Parker-SAS
Se
1-Rajon Rondo-BOS 2-LeBron James-MIA 3-Dwyane Wade-MIA 4-Russell Westbrook-OKC 5-James Harden-OKC 0
10
20
30
Blocks 1-Serge Ibaka-OKC 2-Andrew Bynum-LAL 3-Roy Hibbert-IND 4-Dwyane Wade-MIA 5-Tim Duncan-SAS 5-Kevin Garnett-BOS 0
10
20
30
40
50
60
Points were allocated by using Players Ranked in number 1 received 5 points whereas last place received 1 point for each category.
20 15 10 5 0
15
LeBron James
Kevin Durant
Dwyane Wade
Rajon Rondo Russell Westbrook Kevin Garnett
Andrew Bynum
Serge Ibaka
Pau Gasol
Roy Hibbert
Rudy Gay
Blake Griffin
Udonis Haslem James Harden
John Wall
Tim Duncan
Tony Parker
Tony Nguyen | 11.14.12 | IID IM241 | Data Visualization
Applied Design
“There is no “I” in team but there is in win.” -Michael Jordan
League Leaders
Minutes Played 1-Kevin Durant-OKC 2-Pau Gasol-LAL 3-Rudy Gay-MEM 4-Blake Griffin-LAC 5-John Wall-WAS 0
500
1000
1500
2000
2500
3000
Total Points 1-LeBron James-MIA
Was It LeBron James who lead the Miami Heat to a triumphant victory in the playoffs?
2-Kevin Durant-OKC
ists inal ff F yo Pla
3-Dwyane Wade-MIA 4-Russell Westbrook-OKC 5-Kevin Garnett-BOS 100
200
300
400
500
600
700
800
You saw the stats, you decide!
Total Rebounds 1-LeBron James-MIA 2-Kevin Garnett-BOS 3-Kevin Durant-OKC
0
50
100
150
200
250
200
250
40
50
ound Elimination First R
4-Udonis Haslem-MIA 5-Andrew Bynum-LAL
Confe renc eF ina list s
0
2012 NBA Playoffs Overview
Assists 1-Rajon Rondo-BOS 2-LeBron James-MIA 3-Russell Westbrook-OKC 4-Dwyane Wade-MIA
0
50
100
150
m
Steals
s ist al in i-F
5-Tony Parker-SAS
Se
1-Rajon Rondo-BOS 2-LeBron James-MIA 3-Dwyane Wade-MIA 4-Russell Westbrook-OKC 5-James Harden-OKC 0
10
20
30
Blocks 1-Serge Ibaka-OKC 2-Andrew Bynum-LAL 3-Roy Hibbert-IND 4-Dwyane Wade-MIA 5-Tim Duncan-SAS 5-Kevin Garnett-BOS 0
10
20
30
40
50
60
Points were allocated by using Players Ranked in number 1 received 5 points whereas last place received 1 point for each category.
20 15 10 5 0
16
LeBron James
Kevin Durant
Dwyane Wade
Rajon Rondo Russell Westbrook Kevin Garnett
Andrew Bynum
Serge Ibaka
Pau Gasol
Roy Hibbert
Rudy Gay
Blake Griffin
Udonis Haslem James Harden
John Wall
Tim Duncan
Tony Parker
Tony Nguyen | 11.14.12 | IID IM241 | Data Visualization
Resources Inspiration http://www.cityclouds.de/tag/data-visualization/ http://www.flickr.com/photos/ww4f/4108672641/sizes/l/ http://www.behance.net/Gallery/Information-Graphic--Bus-Ride-37-Mintutes/215694 http://sectiondesign.co.uk/digital-nostalgia http://www.newscientist.com/data/images/archive/2605/26051202.jpg http://1.bp.blogspot.com/_V1hky3QMM4k/SR4uANI8lgI/AAAAAAAAAz0/Mwd3dLxqGvo/s1600-h/Olympics_colorTIGHT1.jpg http://www.flickr.com/photos/gianordoli/3220749528/in/pool-856209@N23 http://www.flickr.com/photos/densitydesign/2988114514/in/pool-16135094@N00 Images http://cdn.cosbysweaters.com/wp-content/uploads/2012/07/Lebronbatman.jpg http://images.wikia.com/nba/images/6/6c/Lebron_james_miami_heat_jersey.png http://withmalice.files.wordpress.com/2008/11/kg.png http://danson.misericordia.edu/accessibility/elderinterface/Images/Cursor.png Qoute http://www.michaeljordanquotes.org/ Research/Data http://www.basketball-reference.com/ http://en.wikipedia.org/wiki/Sports_illustrated Logos http://www.logostage.com/logos/San_Antonio_Spurs.png http://www.logostage.com/logos/Oklahoma_City_Thunder.png http://www.logostage.com/logos/Miami_Heat.png http://www.logostage.com/logos/Denver_Nuggets.png http://www.logostage.com/logos/Los_Angeles_Lakers.png http://www.logostage.com/logos/Dallas_Mavericks.png http://www.logostage.com/logos/Memphis_Grizzlies.png http://www.logostage.com/logos/Los_Angeles_Clippers.png http://www.logostage.com/logos/Indiana_Pacers.png http://www.greatestlogo.com/boston-celtics#.UJr6EkTTE60 http://www.logostage.com/logos/Utah_Jazz.png http://www.fantasymortar.com/images/Players/NBA/Teams/Philadelphia%2076ers%20Logo.PNG http://www.logostage.com/logos/Chicago_Bulls.png http://www.logostage.com/logos/Orlando_Magic.gif http://www.logostage.com/logos/New_York_Knicks.PNG http://www.logostage.com/logos/Atlanta_Hawks.png
17
Tony Nguyen | 11.14.12 | IID IM241 | Data Visualization