Skip to content

Commit 7958305

Browse files
author
Abhishek Dutta
committed
Added the Front end source code
Added the website and the visualizations
1 parent 1a0ef81 commit 7958305

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

50 files changed

+6673
-1
lines changed

README.md

Lines changed: 24 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,24 @@
1-
# youtube_recommender_system
1+
## This is CS1951a Final Project Source Page [[Website]](https://pengyangwu.github.io/CS1951a/)
2+
---------------------------------------------------------
3+
## Front-end <---
4+
## Files: <code>html/css/js </code> <---
5+
---------------------------------------------------------
6+
7+
---------------------------------------------------------
8+
## Back-end (Part 1): Data Grabbing by YouTube API
9+
10+
## Source Code is here:
11+
12+
## https://github.com/PrestonLaw/CSCI1951AProject/tree/master
13+
14+
---------------------------------------------------------
15+
## Back end (Part 2): Prepocessing (Extraction & Cleaning), Machine Learning & Sentiment Analysis Model
16+
17+
## Source Code is here:
18+
19+
## https://github.com/abhishekdutta/youtube-data-trends-predictor
20+
21+
---------------------------------------------------------
22+
---------------------------------------------------------
23+
## Website here: [[Website]](https://pengyangwu.github.io/CS1951a/)
24+
---------------------------------------------------------

blog1.html

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset='utf-8'>
6+
<meta http-equiv="X-UA-Compatible" content="chrome=1">
7+
<meta name="description" content="CS1951a : Data Science Project">
8+
9+
<link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
10+
11+
<title>Youtube API Data Trend</title>
12+
</head>
13+
14+
<body>
15+
<!-- HEADER -->
16+
<div id="header_wrap" class="outer">
17+
<header class="inner">
18+
<a id="forkme_banner" href="https://github.com/pengyangwu/CS1951a">View on GitHub</a>
19+
<h1 id="project_title">Blog Post #1</h1>
20+
<h2 id="project_tagline">CS1951a : Data Science Project</h2>
21+
22+
<section id="downloads">
23+
<a class="zip_download_link" href="https://github.com/pengyangwu/CS1951a/zipball/master">Download this project as a .zip file</a>
24+
<a class="tar_download_link" href="https://github.com/pengyangwu/CS1951a/tarball/master">Download this project as a tar.gz file</a>
25+
</section>
26+
</header>
27+
</div>
28+
29+
<!-- MAIN CONTENT -->
30+
<div id="main_content_wrap" class="outer">
31+
<section id="main_content" class="inner">
32+
<h2>
33+
<a id="command-line-youtube-data" class="anchor" href="#" aria-hidden="true"><span class="octicon octicon-link"></span></a>Youtube API Data Trend</h2>
34+
35+
<h4>
36+
<a id="author-Aaron-Abhishek-Natalie-Preston-Wennie" class="anchor" href="#" aria-hidden="true"><span class="octicon octicon-link"></span></a>Author: Aaron Wu (pwu8), Abhishek Dutta (adutta2), Natalie Roe (nroe), Preston Law (plaw), Wennie Zhang (yzhang46)</h4>
37+
38+
39+
<h3>
40+
<a id="content"><span class="octicon octicon-link"></span></a>This Week's Work</h3>
41+
<p> Up until out first TA check-in, we've collected the data that we will be using from YouTube and have stored it in a database.
42+
Below are a few images of the data that we've collected: </p>
43+
<h4><a id="content"><span class="octicon octicon-link"></span></a>Comment Feed Data</h4>
44+
<img src="images/youtube_video_data.png" align="middle">
45+
<p> In terms of the video itself, we were able to obtain quite a lot of information about it including
46+
the channel it came from, the title, time it was published at and the thumbnail.</p>
47+
48+
<p> As you can see, there's quite a lot of data for us to work with, so we're hoping to be able to draw some
49+
interesting conclusions from our analysis of the data. A few questions we are considering answering in our
50+
project are: </p>
51+
<ul>
52+
<li> What makes a video go viral, and how can we predict that this will happen? </li>
53+
<li> What video length appeals most to users? Is there a point at which viewers become disinterested
54+
in the video due to its length? </li>
55+
<li> How is a user's profile related to the videos that they view? </li>
56+
<li> How does a video's thumbnail affect the number of views the video receives? </li>
57+
<li> Do certain topics coincide with major historical events? </li>
58+
<li> Are there consistent themes in high traffic areas? </li>
59+
</ul>
60+
<p> The overarching theme of the analysis that
61+
we will be doing for this project is predicting future trends on YouTube based on historical data, and the questions listed
62+
above are just a few of the ways we may go about performing out analysis. Clearly, some questions may have a more
63+
obvious answer than others (analyzing the thumbnail would be really difficult) they are all interesting questions to consider
64+
and we would be able to create some nice visualizations from them too.
65+
66+
67+
68+
<h3>
69+
<a id="content"><span class="octicon octicon-link"></span></a>Analysis Topic</h3>
70+
<p> For our next blog post, we hope to have our web application that allows users to search for YouTube trends pertaining to a particular
71+
topic to be mostly fleshed out, including well-tested topic visualization and user interaction with past trends within our
72+
chosen category. We should also have our theme forecaster and analysis ready for integration with the main web app.</p>
73+
74+
75+
<p>Home Page # is: <a href="https://pengyangwu.github.io/CS1951a/"> here </a>.</p>
76+
<canvas id="nokey" width="20" height="20">If Empty, Means Your Browser Don't Support Canvas. Please Use Chrome Browser ^_^``</canvas>
77+
<script src="javascripts/index2_line.js"> </script>
78+
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
79+
80+
</section>
81+
</div>
82+
83+
<!-- FOOTER -->
84+
<div id="footer_wrap" class="outer">
85+
<footer class="inner">
86+
<p class="copyright"> This page created by <a href="https://github.com/pengyangwu/CS1951a">pwu8</a></p>
87+
<p>Published with <a href="http://pages.github.com">GitHub Pages</a></p>
88+
</footer>
89+
</div>
90+
91+
92+
93+
</body>
94+
</html>

0 commit comments

Comments
 (0)