Skip to content

Commit 2b59198

Browse files
author
Abhishek Dutta
committed
Updated the Front End
1 parent f6ef751 commit 2b59198

18 files changed

+331
-89
lines changed

‎Final_Project_Report.pdf

857 KB
Binary file not shown.

‎blog1.html

+15-4
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,17 @@
88

99
<link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
1010

11-
<title>Youtube API Data Trend</title>
11+
<title>YouTube Recommendation System with Data Trends Analysis using YouTube API</title>
12+
<style>
13+
#nokey {
14+
z-index:-99;
15+
top: 0;
16+
left: -60%;
17+
position: absolute;
18+
height: 100%;
19+
width: 215%;
20+
}
21+
</style>
1222
</head>
1323

1424
<body>
@@ -30,7 +40,7 @@ <h2 id="project_tagline">CS1951a : Data Science Project</h2>
3040
<div id="main_content_wrap" class="outer">
3141
<section id="main_content" class="inner">
3242
<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>
43+
<a id="command-line-youtube-data" class="anchor" href="#" aria-hidden="true"><span class="octicon octicon-link"></span></a><font color='#ff6600'>YouTube Recommendation System with Data Trends Analysis using YouTube API</font></h2>
3444

3545
<h4>
3646
<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>
@@ -82,9 +92,10 @@ <h3>
8292

8393
<!-- FOOTER -->
8494
<div id="footer_wrap" class="outer">
95+
8596
<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>
97+
<p class="copyright"> This page created and maintained by <a href="https://github.com/pengyangwu/CS1951a">Aaron Wu, Abhishek Dutta, Natalie Roe and Wennie Zhang</a></p>
98+
<p>© 2017 YouTube Data Science Team. <a href="https://youtubedatascience.wixsite.com/youtubedatasci">See team members.</a></p>
8899
</footer>
89100
</div>
90101

‎blog2.html

+17-3
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,20 @@
88

99
<link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
1010

11-
<title>Youtube API Data Trend</title>
11+
<title>YouTube Recommendation System with Data Trends Analysis using YouTube API</title>
12+
<style>
13+
pre {
14+
background-color: black;
15+
}
16+
#nokey {
17+
z-index:-99;
18+
top: 0;
19+
left: -60%;
20+
position: absolute;
21+
height: 100%;
22+
width: 215%;
23+
}
24+
</style>
1225
</head>
1326

1427
<body>
@@ -1088,9 +1101,10 @@ <h4 align="center">Classifier 3</h4>
10881101

10891102
<!-- FOOTER -->
10901103
<div id="footer_wrap" class="outer">
1104+
10911105
<footer class="inner">
1092-
<p class="copyright"> This page created by <a href="https://github.com/pengyangwu/CS1951a">pwu8</a></p>
1093-
<p>Published with <a href="http://pages.github.com">GitHub Pages</a></p>
1106+
<p class="copyright"> This page created and maintained by <a href="https://github.com/pengyangwu/CS1951a">Aaron Wu, Abhishek Dutta, Natalie Roe and Wennie Zhang</a></p>
1107+
<p>© 2017 YouTube Data Science Team. <a href="https://youtubedatascience.wixsite.com/youtubedatasci">See team members.</a></p>
10941108
</footer>
10951109
</div>
10961110

‎blog3.html

+15-3
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,17 @@
99
<link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
1010

1111
<title>Blog Post 3</title>
12+
<style>
13+
14+
#nokey {
15+
z-index:-99;
16+
top: 0;
17+
left: -60%;
18+
position: absolute;
19+
height: 100%;
20+
width: 215%;
21+
}
22+
</style>
1223
</head>
1324

1425
<body>
@@ -30,7 +41,7 @@ <h2 id="project_tagline">CS1951a : Data Science Project</h2>
3041
<div id="main_content_wrap" class="outer">
3142
<section id="main_content" class="inner">
3243
<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>
44+
<a id="command-line-youtube-data" class="anchor" href="#" aria-hidden="true"><span class="octicon octicon-link"></span></a><font color='#ff6600'>YouTube Recommendation System with Data Trends Analysis using YouTube API</font></h2>
3445

3546
<h4>
3647
<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>
@@ -72,9 +83,10 @@ <h3>
7283

7384
<!-- FOOTER -->
7485
<div id="footer_wrap" class="outer">
86+
7587
<footer class="inner">
76-
<p class="copyright"> This page created by <a href="https://github.com/pengyangwu/CS1951a">pwu8</a></p>
77-
<p>Published with <a href="http://pages.github.com">GitHub Pages</a></p>
88+
<p class="copyright"> This page created and maintained by <a href="https://github.com/pengyangwu/CS1951a">Aaron Wu, Abhishek Dutta, Natalie Roe and Wennie Zhang</a></p>
89+
<p>© 2017 YouTube Data Science Team. <a href="https://youtubedatascience.wixsite.com/youtubedatasci">See team members.</a></p>
7890
</footer>
7991
</div>
8092

‎blog4.html

+15-3
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,17 @@
99
<link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
1010

1111
<title>Blog Post 4</title>
12+
<style>
13+
14+
#nokey {
15+
z-index:-99;
16+
top: 0;
17+
left: -60%;
18+
position: absolute;
19+
height: 100%;
20+
width: 215%;
21+
}
22+
</style>
1223
</head>
1324

1425
<body>
@@ -30,7 +41,7 @@ <h2 id="project_tagline">CS1951a : Data Science Project</h2>
3041
<div id="main_content_wrap" class="outer">
3142
<section id="main_content" class="inner">
3243
<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>
44+
<a id="command-line-youtube-data" class="anchor" href="#" aria-hidden="true"><span class="octicon octicon-link"></span></a><font color='#ff6600'>YouTube Recommendation System with Data Trends Analysis using YouTube API</font></h2>
3445

3546
<h4>
3647
<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>
@@ -86,9 +97,10 @@ <h3>
8697

8798
<!-- FOOTER -->
8899
<div id="footer_wrap" class="outer">
100+
89101
<footer class="inner">
90-
<p class="copyright"> This page created by <a href="https://github.com/pengyangwu/CS1951a">pwu8</a></p>
91-
<p>Published with <a href="http://pages.github.com">GitHub Pages</a></p>
102+
<p class="copyright"> This page created and maintained by <a href="https://github.com/pengyangwu/CS1951a">Aaron Wu, Abhishek Dutta, Natalie Roe and Wennie Zhang</a></p>
103+
<p>© 2017 YouTube Data Science Team. <a href="https://youtubedatascience.wixsite.com/youtubedatasci">See team members.</a></p>
92104
</footer>
93105
</div>
94106

‎blog5.html

+22-2
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,17 @@
88
<link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
99

1010
<title>Blog Post 5</title>
11+
<style>
12+
13+
#nokey {
14+
z-index:-99;
15+
top: 0;
16+
left: -60%;
17+
position: absolute;
18+
height: 100%;
19+
width: 215%;
20+
}
21+
</style>
1122
</head>
1223
<body>
1324

@@ -29,7 +40,7 @@ <h2 id="project_tagline">CS1951a : Data Science Project</h2>
2940
<div id="main_content_wrap" class="outer">
3041
<section id="main_content" class="inner">
3142
<h2>
32-
<a id="command-line-youtube-data" class="anchor" href="#" aria-hidden="true"><span class="octicon octicon-link"></span></a>Youtube API Data Trend</h2>
43+
<a id="command-line-youtube-data" class="anchor" href="#" aria-hidden="true"><span class="octicon octicon-link"></span></a><font color='#ff6600'>YouTube Recommendation System with Data Trends Analysis using YouTube API</font></h2>
3344

3445
<h4>
3546
<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>
@@ -74,6 +85,15 @@ <h3>
7485

7586
</section>
7687
</div>
77-
88+
89+
<!-- FOOTER -->
90+
<div id="footer_wrap" class="outer">
91+
92+
<footer class="inner">
93+
<p class="copyright"> This page created and maintained by <a href="https://github.com/pengyangwu/CS1951a">Aaron Wu, Abhishek Dutta, Natalie Roe and Wennie Zhang</a></p>
94+
<p>© 2017 YouTube Data Science Team. <a href="https://youtubedatascience.wixsite.com/youtubedatasci">See team members.</a></p>
95+
</footer>
96+
</div>
97+
7898
</body>
7999
</html>

‎final_proposal.html

+16-4
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,18 @@
88

99
<link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
1010

11-
<title>Youtube API Data Trend</title>
11+
<title>YouTube Recommendation System with Data Trends Analysis using YouTube API</title>
12+
<style>
13+
14+
#nokey {
15+
z-index:-99;
16+
top: 0;
17+
left: -60%;
18+
position: absolute;
19+
height: 100%;
20+
width: 215%;
21+
}
22+
</style>
1223
</head>
1324

1425

@@ -32,7 +43,7 @@ <h2 id="project_tagline">CS1951a : Data Science Project</h2>
3243
<div id="main_content_wrap" class="outer">
3344
<section id="main_content" class="inner">
3445
<h2>
35-
<a id="command-line-youtube-data" class="anchor" href="#" aria-hidden="true"><span class="octicon octicon-link"></span></a>Youtube API Data Trend</h2>
46+
<a id="command-line-youtube-data" class="anchor" href="#" aria-hidden="true"><span class="octicon octicon-link"></span></a><font color='#ff6600'>YouTube Recommendation System with Data Trends Analysis using YouTube API</font></h2>
3647

3748
<h4>
3849
<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>
@@ -133,9 +144,10 @@ <h3><a id="content"><span class="octicon octicon-link"></span></a>VI. Backup Pla
133144

134145
<!-- FOOTER -->
135146
<div id="footer_wrap" class="outer">
147+
136148
<footer class="inner">
137-
<p class="copyright"> This page created by <a href="https://github.com/pengyangwu/CS1951a">pwu8</a></p>
138-
<p>Published with <a href="http://pages.github.com">GitHub Pages</a></p>
149+
<p class="copyright"> This page created and maintained by <a href="https://github.com/pengyangwu/CS1951a">Aaron Wu, Abhishek Dutta, Natalie Roe and Wennie Zhang</a></p>
150+
<p>© 2017 YouTube Data Science Team. <a href="https://youtubedatascience.wixsite.com/youtubedatasci">See team members.</a></p>
139151
</footer>
140152
</div>
141153

‎index.html

+15-13
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010

1111

1212

13-
<title>Youtube API Data Trend</title>
13+
<title>YouTube Recommendation System with Data Trends Analysis</title>
1414

1515
<link rel="stylesheet" href="stylesheets/style3.css">
1616

@@ -49,8 +49,8 @@
4949
<header class="inner">
5050
<a id="forkme_banner" href="https://github.com/pengyangwu/CS1951a">View on GitHub</a>
5151

52-
<h1 id="project_title">Youtube API Data Trend</h1>
53-
<h2 id="project_tagline">CS1951a : Data Science Project</h2>
52+
<h1 id="project_title"><center>YouTube Recommendation System with Data Trends Analysis </center></h1>
53+
<h2 id="project_tagline"><center>CS1951a : Data Science Project</center></h2>
5454

5555
<section id="downloads">
5656
<a class="zip_download_link" href="https://github.com/pengyangwu/CS1951a/zipball/master">Download this project as a .zip file</a>
@@ -67,7 +67,7 @@ <h2 id="project_tagline">CS1951a : Data Science Project</h2>
6767
<div id="main_content_wrap" class="outer">
6868
<section id="main_content" class="inner">
6969
<h2>
70-
<a id="command-line-youtube-data" class="anchor" href="#" aria-hidden="true"><span class="octicon octicon-link"></span></a><font color='#ff6600'>Youtube API Data Trend</font></h2>
70+
<a id="command-line-youtube-data" class="anchor" href="#" aria-hidden="true"><span class="octicon octicon-link"></span></a><font color='#ff6600'>YouTube Recommendation System with Data Trends Analysis using YouTube API</font></h2>
7171

7272
<h4>
7373
<a id="author-Aaron-Abhishek-Natalie-Preston-Wennie" class="anchor" href="#" aria-hidden="true"><span class="octicon octicon-link"></span></a>
@@ -99,7 +99,7 @@ <h3>
9999
<a href="viz1.html">
100100
<div class="back">
101101
<div class="button_base b03_skewed_slide_in">
102-
<div>01_World_Map Viz</div>
102+
<div>1. The US Map Viz</div>
103103
<div></div>
104104
<div>* Click for Map Viz! *</div>
105105
</div>
@@ -110,8 +110,8 @@ <h3>
110110
<a href="viz2.html">
111111
<div class="back">
112112
<div class="button_base b04_3d_tick">
113-
<div>02_Accuracy Viz</div>
114-
<div>*Click for Accuarcy Viz!*</div>
113+
<div>2. Accuracy Viz</div>
114+
<div>*Click to see Accuarcy!*</div>
115115
</div>
116116
</div>
117117
</a>
@@ -120,24 +120,26 @@ <h3>
120120
<div class="back">
121121
<div class="button_base b05_3d_roll">
122122
<div>* Click for Senti Viz! *</div>
123-
<div>03_Sentiment Viz</div>
123+
<div>3. Video Sentiments Viz</div>
124124
</div>
125125
</div>
126126
</a>
127127

128128

129129
<a href="viz4.html">
130130
<div class="back">
131-
<div class="button_base b11_3d_jumpback">
132-
<div>04_Sentimental Pie Viz</div>
131+
<!--<div class="button_base b11_3d_jumpback">-->
132+
<div class="button_base b06_3d_swap">
133+
<div>4. Total Sentiments Viz</div>
134+
<div>* Click for Total Viz! *</div>
133135
</div>
134136
</div>
135137
</a>
136138

137139
<a href="viz5.html">
138140
<div class="back">
139141
<div class="button_base b06_3d_swap">
140-
<div>5. Senti Over Days Trend </div>
142+
<div>5. Sentiments Trend Viz</div>
141143
<div>* Click for Trend Viz!</div>
142144
</div>
143145
</div>
@@ -308,8 +310,8 @@ <h3>
308310
<div id="footer_wrap" class="outer">
309311

310312
<footer class="inner">
311-
<p class="copyright"> This page created by <a href="https://github.com/pengyangwu/CS1951a">pwu8</a></p>
312-
<p>Published with <a href="http://pages.github.com">GitHub Pages</a></p>
313+
<p class="copyright"> This page created and maintained by <a href="https://github.com/pengyangwu/CS1951a">Aaron Wu, Abhishek Dutta, Natalie Roe and Wennie Zhang</a></p>
314+
<p>© 2017 YouTube Data Science Team. <a href="https://youtubedatascience.wixsite.com/youtubedatasci">See team members.</a></p>
313315
</footer>
314316
</div>
315317

‎javascripts/index3.js

+9-9
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ var colors = ['#dff69e',
5757
var flyingParticles = [];
5858
waitingParticles = [];
5959
// maximum z position for a particle
60-
maxParticlesZ = 200;
60+
maxParticlesZ = 0;
6161

6262
// SPEED
6363
var speed = {x:0, y:0};
@@ -87,7 +87,7 @@ function init(){
8787
aspectRatio,
8888
nearPlane,
8989
farPlane);
90-
camera.position.z = 2000; // default 1000, the size of everything
90+
camera.position.z = 1500; // default 1000, the size of everything
9191

9292

9393
//create the renderer
@@ -126,7 +126,7 @@ function init(){
126126
}
127127

128128
function onWindowResize() {
129-
HEIGHT = window.innerHeight;
129+
HEIGHT = window.innerHeight-100;
130130
WIDTH = window.innerWidth;
131131
windowHalfX = WIDTH / 2;
132132
windowHalfY = HEIGHT / 2;
@@ -426,9 +426,9 @@ function createParticle(){
426426
h = 10 + Math.random()*30;
427427
d = 10 + Math.random()*30;
428428

429-
w/=10
430-
h/=10
431-
d/=10
429+
// w/=10
430+
// h/=10
431+
// d/=10
432432
geometryCore = new THREE.BoxGeometry(w,h,d);
433433
}
434434
// TETRAHEDRON
@@ -442,9 +442,9 @@ function createParticle(){
442442
sh = 2 + Math.floor(Math.random()*2);
443443
sv = 2 + Math.floor(Math.random()*2);
444444

445-
ray/= 5
446-
sh /= 5
447-
sv /= 5
445+
// ray/= 5
446+
// sh /= 5
447+
// sv /= 5
448448

449449

450450
geometryCore = new THREE.SphereGeometry(ray, sh, sv);

0 commit comments

Comments
 (0)