-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex-wnba.html
131 lines (127 loc) · 6.25 KB
/
index-wnba.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="styles.css">
<title> For The Love of Basketball</title>
</head>
<header>
<div class="jumbotron jumbotron-fluid main-header">
<div class="container">
<h1 class="display-4" style="text-align:center">For The Love of Basketball</h1>
</div>
</div>
</header>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html">Home</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor03"
aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarColor03">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index-ml.html">Machine Learning</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index-covid.html">COVID Analysis</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index-nba.html">NBA Top 50</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="index-wnba.html">WNBA Top 50<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="index-about.html">About</a>
</li>
</ul>
</div>
</nav>
<h2>
<span class="d-block p-2 btn-primary text-white" style="text-align:center">Top All-Time Point Scorers</span>
</h2>
<p style="text-align:center">The below visualization shows the top all-time point scorers (from the last 5 years) and
tracks their ascension to point total greatness!
<section>
<video autoplay width="1000" height="800" controls="false">
<source src="wnba.mp4" type="video/mp4">
</video>
</section>
<h2>
<span class="d-block p-2 btn-primary text-white" style="text-align:center">Top 50 Players</span>
</h2>
<p style="text-align:center">Below is a quick analysis of the Top 50 players (2019/2020 season)</p>
<div class='tableauPlaceholder' id='viz1603515377632' style='position: relative'><noscript><a href='#'><img alt=' '
src='https://public.tableau.com/static/images/20/2020Top50WNBA/Dashboard1/1_rss.png'
style='border: none' /></a></noscript><object class='tableauViz' style='display:none;'>
<param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' />
<param name='embed_code_version' value='3' />
<param name='site_root' value='' />
<param name='name' value='2020Top50WNBA/Dashboard1' />
<param name='tabs' value='no' />
<param name='toolbar' value='yes' />
<param name='static_image'
value='https://public.tableau.com/static/images/20/2020Top50WNBA/Dashboard1/1.png' />
<param name='animate_transition' value='yes' />
<param name='display_static_image' value='yes' />
<param name='display_spinner' value='yes' />
<param name='display_overlay' value='yes' />
<param name='display_count' value='yes' />
<param name='language' value='en' />
<param name='filter' value='publish=yes' /></object></div>
<script type='text/javascript'>
var divElement = document.getElementById('viz1603515377632');
var vizElement = divElement.getElementsByTagName('object')[0];
if (divElement.offsetWidth > 800) {
vizElement.style.minWidth = '420px';
vizElement.style.maxWidth = '650px';
vizElement.style.width = '100%';
vizElement.style.minHeight = '587px';
vizElement.style.maxHeight = '887px';
vizElement.style.height = (divElement.offsetWidth * 0.75) + 'px';
} else if (divElement.offsetWidth > 500) {
vizElement.style.minWidth = '420px';
vizElement.style.maxWidth = '650px';
vizElement.style.width = '100%';
vizElement.style.minHeight = '587px';
vizElement.style.maxHeight = '887px';
vizElement.style.height = (divElement.offsetWidth * 0.75) + 'px';
} else {
vizElement.style.width = '100%';
vizElement.style.height = '827px';
}
var scriptElement = document.createElement('script');
scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';
vizElement.parentNode.insertBefore(scriptElement, vizElement);
</script>
<h2>
<span class="d-block p-2 btn-primary text-white">Data Sources</span>
</h2>
<footer class="main-footer">
<div class="container main-footer-container">
<div class="col">
<p>Website, data analysis, machine learning model, and visualizations created for a final project for the Data
Science Bootcamp at Columbia University in New York by the following team members.</p>
<div class="w-100">
<a target="_blank" href="https://developer.sportradar.com/" class="btn btn-lg active" role="button"
aria-pressed="true">SportRadar API</a>
<a target="_blank" href="https://www.basketball-reference.com/" class="btn btn-lg active" role="button"
aria-pressed="true">Basketball-Reference.com</a>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous">
</script>
</body>
</html>