-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex-nba.html
76 lines (75 loc) · 6.52 KB
/
index-nba.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
<!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<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="index-covid.html">COVID Analysis</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="index-nba.html">NBA Top 50</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index-wnba.html">WNBA Top 50</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index-about.html">About</a>
</li>
</ul>
</div>
</nav>
<section>
<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 assension to point total greatness!
<video autoplay width="1000" height="800" controls="false">
<source src="nba.mp4" type="video/mp4">
</video>
<hr>
</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='viz1603511174208' style='position: relative'><noscript><a href='#'><img alt=' ' src='https://public.tableau.com/static/images/20/2020NBATop50/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='2020NBATop50/Dashboard1' /><param name='tabs' value='no' /><param name='toolbar' value='yes' /><param name='static_image' value='https://public.tableau.com/static/images/20/2020NBATop50/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('viz1603511174208'); 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='1177px';} var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script> <br>
<h2>
<span class="d-block p-2 btn-primary text-white">Data Sources</span>
</h2>
</div>
<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>