forked from abhishekdutta/youtube_recommender_system
-
Notifications
You must be signed in to change notification settings - Fork 0
/
viz3.html
249 lines (202 loc) · 8.55 KB
/
viz3.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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
<html>
<head>
<title>Viz 3</title>
<script type="text/javascript" src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script type="text/javascript" src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js?cacheBust=56"></script>
<script type="text/javascript">
// Sentiment analysis visualization
// Showing sentiment score for each video (Positive, Neutral, Negative) - with different colors
// Sliding bar chart functionality
FusionCharts.ready(function(){
var salesChart = new FusionCharts({
type: 'scrollstackedcolumn2d',
dataFormat: 'json',
renderAt: 'chart-container',
width: '1100',
height: '700',
dataSource: {
"chart": {
"caption": "Sentiment Analysis Visualization based on Different Videos - Bar Chart",
"subCaption": "(-: Negative Video, +: Positive Video) <br> Notice: Please slide *grey horizontal scroll bar* in the bottom to see full visualization!)",
"captionFontSize": "18",
"subcaptionFontSize": "18",
"subcaptionFontBold": "0",
"xaxisname": "Video Title on the YouTube Website",
"yaxisname": "Sentiment Value",
"showvalues": "0",
"numberprefix": "",
"legendBgAlpha": "0",
"legendBorderAlpha": "0",
"legendShadow": "0",
"showborder": "0",
"bgcolor": "#ffffff",
"showalternatehgridcolor": "0",
"showplotborder": "0",
"showcanvasborder": "",
"legendshadow": "0",
"plotgradientcolor": "",
"showCanvasBorder": "0",
"showAxisLines": "1",
"showAlternateHGridColor": "0",
"divlineAlpha": "100",
"divlineThickness": "1",
"divLineIsDashed": "1",
"divLineDashLen": "1",
"divLineGapLen": "1",
"lineThickness": "3",
"flatScrollBars": "1",
"scrollheight": "20",
"numVisiblePlot": "15",
"showHoverEffect":"1"
},
"categories": [
{
"category": [
{
"label": "WikiLeaks PROVES Beyond A Shadow Of A Doubt That Clinton Linked to Vince Foster"
},
{
"label": "Aula CAMPE sobre a Forma NEGATIVA em Ingls META 1000 LIKES"
}, {
"label": "ChanBaek during EXOrDIUM IN MANILA 2017"
}, {
"label": "CLOSED Giveaway Custom No Thinkin Shorts"
}, {
"label": "David Leyonhjelm on Outlast 2 The Witcher and video game censorship"
}, {
"label": "Do you even know me"
}, {
"label": "EL SEOR DE ZACATECAS LOS BUCHONES DE CULIACAN VIDEO OFICIAL 2017"
}, {
"label": "FFBreak UpJungkook 12"
}, {
"label": "HOW TO HOLD A TODDLER"
}, {
"label": "HUGE iPHONE 7 PLUS GIVEAWAY OPEN NEW SEPHORA MAKEUP GIVEAWAY 2 WINNERS"
}, {
"label": "ONE OF THESE THINGS IS NOT LIKE THE OTHER Black Gun Smuggling Mob in Brooklyn"
}, {
"label": "in love with a ghost lets walk across this forest i can feel that everything is real again"
}, {
"label": "in love with a ghost me crying and glitching then realizing there is still chocolate dodie rmxd"
}, {
"label": "Kitten Close Up 20170415"
}, {
"label": "LANEIGE Two Tone Tint Lip Bars ALL 8 Shades Lip Bar Review Lip Swatches"
}, {
"label": "Lorac Pirates of the Caribbean Makeup Review Giveaway"
}, {
"label": "Maayavan Official Full Songs CVKumar Sundeep Kishan Lavanya Tripathi Jackie Shroff Ghibran"
}, {
"label": "Mascot Costumes Custom Mascot Costumes"
}, {
"label": "miles chronicles twitter videos a lot of singing"
}, {
"label": "MV Highlight Plz dont be sad Performance ver"
}, {
"label": "ONE OF THESE THINGS IS NOT LIKE THE OTHER Black Gun Smuggling Mob in Brooklyn"
}, {
"label": "Pick Your Own Prize Giveaway CLOSED"
}, {
"label": "UPDATE VIDEO EXCITING NEWS WHIPPED CREAM SPELLING CHALLENGE"
}, {
"label": "Zulu Language"
}
]
}
],
"dataset": [
{
"seriesname": "Negative Videos",
"color": "008ee4",
"data": [
{ "value": "-37" },
{ "value": "0" },
{ "value": "0" },
{ "value": "0" },
{ "value": "0" },
{ "value": "0" },
{ "value": "-1.558" },
{ "value": "-15.5" },
{ "value": "0" },
{ "value": "0" },
{ "value": "-18" },
{ "value": "0" },
{ "value": "0" },
{ "value": "0" },
{ "value": "0" },
{ "value": "0" },
{ "value": "0" },
{ "value": "0" },
{ "value": "0" },
{ "value": "0" },
{ "value": "0" },
{ "value": "0" },
{ "value": "0" },
{ "value": "-17" },
{ "value": "0" },
{ "value": "0" },
{ "value": "0" }
]
},
{
"seriesname": "Positive Videos",
"color": "f45b00",
"data": [
{ "value": "0" },
{ "value": "13.8047368421052" },
{ "value": "18.351" },
{ "value": "4.889" },
{ "value": "15.8754545454545" },
{ "value": "33.0277272727272" },
{ "value": "0" },
{ "value": "0" },
{ "value": "33.8" },
{ "value": "14.47" },
{ "value": "0" },
{ "value": "35" },
{ "value": "46" },
{ "value": "36" },
{ "value": "48" },
{ "value": "64" },
{ "value": "68" },
{ "value": "10" },
{ "value": "43" },
{ "value": "54" },
{ "value": "33" },
{ "value": "16" },
{ "value": "13" },
{ "value": "0" },
{ "value": "40" },
{ "value": "45" },
{ "value": "42.33" }
]
}
]
}
}).render();
});
</script>
<style>
div, canvas {
color: white;
}
#nokey {
z-index:-99;
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
}
</style>
</head>
<body bgColor="black">
<div id="chart-container" align="center">FusionCharts XT will load here!</div>
<br>
<div id="chart-container" align="center">* If no viz shows here, this means your Chrome browser blocked our js, plz click the rightmost *shield icon* of browser's address input bar, then select "Load unsafe scripts". (btw it used js-online, not js unsafe)</div>
<canvas id="nokey" width="20" height="20">If Empty, Means Your Browser Don't Support Canvas. Please Use Chrome Browser ^_^``</canvas>
<script src="javascripts/index2_line.js"> </script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>