-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
98 lines (85 loc) · 4.93 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>CS109 Spotify Project</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/logo-nav.css" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#">
<img src="spotify4.png" width="100" height="30" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="literaturereview.html">Literature Review</a>
</li>
<li class="nav-item">
<a class="nav-link" href="eda.html">EDA</a>
</li>
<li class="nav-item">
<a class="nav-link" href="model.html">Model</a>
</li>
<li class="nav-item">
<a class="nav-link" href="results.html">Results</a>
</li>
<li class="nav-item">
<a class="nav-link" href="conclusion.html">Conclusion</a>
</li>
<li class="nav-item">
<a class="nav-link" href="citations.html">References</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container">
<h1 class="mt-5">Spotify Million Playlist Recommendation Project</h1>
<h3 class="mt-5">CS 109A Final Project</h3>
<p>
Spotify is a music streaming platform with over 191 million users, making it one of the most popular music streaming softwares in the world. Spotify hosts over 40 million songs which users can organize into personal playlists.
</p>
<p>
One of Spotify’s core features is a music recommendation system (MRS). As users craft playlists, Spotify provides suggestions for songs a user might add to that playlist. The ability to curate good playlist suggestions can make or break a user’s experience and therefore is a key area of investment for Spotify.
</p>
<p>
This project attempts to tackle not only this general problem of playlist generation, it also looks to tackle one of the hardest formulations of playlist generation: the“cold start” problem. The cold start problem attempts to generate suggestions based on a limited number of starting tracks from which to infer. We’ve defined this limited number as 1 to 20 songs, with 1 being the most difficult task and 20 approaching a more regular dataset. For more reasons why the problem of song recommendation is both particularly thorny (and thus perhaps all the more worthwhile) compared to similar problems refer to the context section of the literature review.
</p>
For all the nuance of this problem, we aimed to tackle this problem in a simple, yet effective way. We wanted to avoid using other datasets which might encounter fuzzy matching problems or overly complicated hybrid methods that might overfit the model or provide only marginal returns on large investments of computational power. We settled on a collaborative filtering mechanism that we found produced surprisingly good accuracy at predicting a hidden test set.
<p>
<p>
This website consists of six sections: results from <a href="model.html">data exploration</a>, <a href="literaturereview.html">a literature review<a> of prior attempts at tackling this problem, overview of our <a href="model.html">model</a>, a report of our <a href="model.html">results</a>, a report of our <a href="model.html">conclusion</a> explaining the implications of our work and future ways to improve upon it, and a <a href="citations.html">works cited page</a>.
</p>
<br>
</div>
<!-- /.container -->
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Template from Startbootstrap.com Logonav design </p>
<p class="m-0 text-center text-white">By David Gibson and Theo Lebryk</p>
<p class="m-0 text-center text-white">Group #53</p>
</div>
<!-- /.container -->
</footer>
</html>