-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
343 lines (266 loc) · 17.8 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
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
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
<!DOCTYPE HTML>
<!--
Stellar by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Arjunan K - Netflix EDA Project</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" href="images\favicon.ico">
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1>Netflix Exploratory Data Analysis</h1>
<p>
This is an EDA or a storytelling of Netflix through its data along
with a small content based recommendation system and a wide range of different graphs and visuals.
</p>
</header>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="https://github.com/arjunan-k/Netflix_Analysis">Github</a></li>
<li><a href="https://github.com/arjunan-k/Netflix_Analysis/blob/main/Netflix.ipynb">Notebook</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Introduction -->
<section id="intro" class="main">
<!-- If you want full pic -->
<!-- <span class="image main"><img src="images/pic04.jpg" alt="" /></span> -->
<div class="spotlight">
<div class="content">
<header class="major">
<h2>Netflix</h2>
</header>
<p>
Netflix is an American subscription streaming service and production company based in Los Gatos, California that keeps growing bigger and better with its popularity, shows and content.
Netflix was founded on August 29, 1997 by Reed Hastings and Marc Randolph. It offers a film and television series library through distribution deals as well as its own productions, known as Netflix Originals.
<br/>Today we are going to explore what's inside the Netflix.
</p>
</div>
<!-- picture goes here -->
<span class="image"><img src="images/pic01.gif" alt="" /></span>
</div>
</section>
<section id="content" class="main">
<h2>Content Release Per Month Over the Years</h2>
<p>
If a producer wants to release some TV Show content, Considering the year 2021, January, March and May was
the months when comparatively much less content was released.
Therefore, these months may be a good choice for the success of a new release of TV Shows.
</p>
<span class="image main"><img src="images/TV Show Updates Per Month.png" alt="" /></span>
<h2>Types of Ratings in Movies</h2>
<p>
<ul>
<li>The largest count of movies is made by the 'TV-MA' rating, which is designed for mature audiences only.</li>
<li>Second largest is the 'TV-14' rating, which may be inappropriate for children younger than 14 years of age.</li>
<li>Third largest is the very popular 'R' rating, which has been assessed as having material which may be unsuitable for children under the age of 17.</li>
<li>In conclusion Netflix focuses more on the adult & mature audience.</li>
</ul>
</p>
<span class="image main"><img src="images/Types of Ratings in Movies.png" alt="" /></span>
<h2>Movies v/s TV Shows</h2>
<p>By analysing the count of Netflix content,
It is evident that there are more Movies on Netflix than TV shows.
</p>
<span class="image main"><img src="images/Count of Movies vs TV Shows.png" alt="" /></span>
<h2>Top IMDB Rated Movies on Netflix</h2>
<p>
Analysing the IMDB ratings dataset, following are the top rated movies available on the Netflix.
</p>
<span class="image main"><img src="images/Top IMDB Rated Movies on Netflix.png" alt="" /></span>
<p>
The United States is the leading country with more rated content on Netflix, followed by India.
</p>
<span class="image main"><img src="images/Number of Rated Contents Per Countries.png" alt="" /></span>
<h2>Netflix Content Growth Over the Years</h2>
<p>Netflix has a steady upward flow in making both movies and shows. The most dominating sector is in the movies.
But we can see a small drop on the curve after the year 2019 due to Covid.</p>
<span class="image main"><img src="images/Movies vs TV Shows.png" alt="" /></span>
<h2>Neflix Distribution Across the Globe</h2>
<p>Going through the countries of films and shows,
Netflix have not landed it's feet in Greenland (Denmark) and some African countries like Libya & Congo.
In general Netflix platform has a global reach in the world.</p>
<span class="image main"><img src="images/Netflix Content Distribution Across the World.png" alt="" /></span>
<h2>Netflix Shows & Movies Adapted from Books</h2>
<p>Pie chart brings us to a conclusion that 95% of Netflix content is independent of storyline from the books.</p>
<span class="image main"><img src="images/TV Shows & Movies Made from Books.png" alt="" /></span>
<h2>Year-wise Analysis on Movies</h2>
<p>
The movie content release was maximum at 2017 and minimum at 2006.
From this it is clear that the content release in Netflix was growing at a steady rate.
But from the year 2019 onwards we can see a gradual decrease in the releasing which is evidently due to Covid.
</p>
<span class="image main"><img src="images/Year-wise Movie Count.png" alt="" /></span>
<h2>Top 10 Content Creating Countries</h2>
<p>In both movies and shows sector United States is leading the market.
It is also visible that Canada, France and United Kindom are in the following positions in both contents.
</p>
<span class="image main"><img src="images/Top 10 Movies Creating Countries.png" alt="" /></span>
<span class="image main"><img src="images/Top 10 TV Shows Creating Countries.png" alt="" /></span>
<h3>Duration of Movies</h3>
<p>
So, a good amount of movies on Netflix are among the duration of 75-120 mins.
It is acceptable considering the fact that a fair amount of the audience cannot watch a 3 hour movie in one sitting.
</p>
<span class="image main"><img src="images/Common Duration of Movies.png" alt="" /></span>
<h2>Word-Cloud of Genres</h2>
<p>
<ul>
<li>Netflix Movie content has dominated genres in Horror, LGBTQ, Documentary, Musical and Drama.</li>
<li>Netflix TV Show content has dominated genres in Fantasy, Classic, Teen Show, Comedy, British and Anime Series.</li>
<li>So Netflix promises a wide range of mixed genres in both contents.</li>
</ul>
</p>
<div class="row gtr-uniform">
<div class="col-6"><span class="image fit"><img src="images/WordCloud of Movie Genres.png" alt="" /></span></div>
<div class="col-6"><span class="image fit"><img src="images/WordCloud of TV Show Genres.png" alt="" /></span></div>
</div>
<h2>Lollipop Plot of Genres Count on Netflix</h2>
<p>Most popular genres in TV shows are Drama, Crime, Comedy & International Shows.
Least popular genres are Teen show, Thriller, Horror & Cult Classic.
</p>
<span class="image main"><img src="images/Count Per Genres.png" alt="" /></span>
<h2>Oldest & Latest Shows in Unites States</h2>
<div class="box alt">
<div class="row gtr-uniform">
<div class="col-6"><span class="image fit"><img src="images/Oldest TV Shows in US.png" alt="" /></span></div>
<div class="col-6"><span class="image fit"><img src="images/Latest TV Shows in US.png" alt="" /></span></div>
</div>
</div>
<h2>Content in France</h2>
<p>It is very interesting to note that the content in France is very rational.
There is no director in the data who has a large number of movies. In my opinion,
it shows how different directors are given a chance to showcase their talents.</p>
<span class="image main"><img src="images/Content in France.png" alt="" /></span>
<h2>TV Shows with Largest Number of Seasons</h2>
<p>Grey's Anatomy holds the first position with 17 seasons. Supernatural and NCIS share the second position with 15 seasons.
But top 3 shows seem to be completely different when it comes to plot and genre.</p>
<span class="image main"><img src="images/TV Shows with Largest Number of Seasons 25x12.png" alt="" /></span>
<!-- <section id="content" class="main">
<h3>Preformatted</h3>
<pre><code>
i = 0;
while (!deck.isInOrder()) {
print 'Iteration ' + i;
deck.shuffle();
i++;
}
print 'It took ' + i + ' iterations to sort the deck.';
</code></pre>
</section> -->
<section id="second" class="main special">
<header class="major">
<h2>Thank You</h2>
</header>
</footer>
</section>
</section>
<!-- <section id="content" class="main">
<div class="box alt">
<div class="row gtr-uniform">
<div class="col-12"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="col-6"><span class="image fit"><img src="images/pic03.jpg" alt="" /></span></div>
<div class="col-6"><span class="image fit"><img src="images/pic03.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic01.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic02.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic03.jpg" alt="" /></span></div>
<div class="col-3"><span class="image fit"><img src="images/pic03.jpg" alt="" /></span></div>
<div class="col-3"><span class="image fit"><img src="images/pic01.jpg" alt="" /></span></div>
<div class="col-3"><span class="image fit"><img src="images/pic02.jpg" alt="" /></span></div>
<div class="col-3"><span class="image fit"><img src="images/pic03.jpg" alt="" /></span></div>
</div>
</div>
<h3>Left & Right</h3>
<p><span class="image left"><img src="images/pic05.jp" alt="" /></span>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat aip veroeros consequat. Etiam tempus lorem ipsum.</p>
<p><span class="image right"><img src="images/pic05.jpg" alt="" /></span>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus..</p>
</section> -->
<!-- <section id="content" class="main">
<span class="image main"><img src="images/pic04.jpg" alt="" /></span>
<h2>Thank You</h2>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat. Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris. Curabitur sapien risus, commodo eget turpis at, elementum convallis fames ac ante ipsum primis in faucibus.</p>
<p>Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Consequat leo mauris, consectetur id ipsum sit amet, fersapien risus, commodo eget turpis at, elementum convallis elit enim turpis lorem ipsum dolor sit amet feugiat. Phasellus convallis elit id ullamcorper pulvinar. Duis aliquam turpis mauris, eu ultricies erat malesuada quis. Aliquam dapibus, lacus eget hendrerit bibendum, urna est aliquam sem, sit amet est velit quis lorem.</p>
<h2>Tempus veroeros</h2>
<p>Cep risus aliquam gravida cep ut lacus amet. Adipiscing faucibus nunc placerat. Tempus adipiscing turpis non blandit accumsan eget lacinia nunc integer interdum amet aliquam ut orci non col ut ut praesent. Semper amet interdum mi. Phasellus enim laoreet ac ac commodo faucibus faucibus. Curae ante vestibulum ante. Blandit. Ante accumsan nisi eu placerat gravida placerat adipiscing in risus fusce vitae ac mi accumsan nunc in accumsan tempor blandit aliquet aliquet lobortis. Ultricies blandit lobortis praesent turpis. Adipiscing accumsan adipiscing adipiscing ac lacinia cep. Orci blandit a iaculis adipiscing ac. Vivamus ornare laoreet odio vis praesent nunc lorem mi. Erat. Tempus sem faucibus ac id. Vis in blandit. Nascetur ultricies blandit ac. Arcu aliquam. Accumsan mi eget adipiscing nulla. Non vestibulum ac interdum condimentum semper commodo massa arcu.</p>
</section> -->
<!-- Second Section -->
<!-- <section id="second" class="main special">
<header class="major"> -->
<!-- <p>Donec imperdiet consequat consequat. Suspendisse feugiat congue<br />
posuere. Nulla massa urna, fermentum eget quam aliquet.</p> -->
<!-- <h2>Thank You</h2>
<ul class="actions special">
<li><a href="generic.html" class="button">Learn More</a></li>
</ul>
</header> -->
<!-- <p class="content">Nam elementum nisl et mi a commodo porttitor. Morbi sit amet nisl eu arcu faucibus hendrerit vel a risus. Nam a orci mi, elementum ac arcu sit amet, fermentum pellentesque et purus. Integer maximus varius lorem, sed convallis diam accumsan sed. Etiam porttitor placerat sapien, sed eleifend a enim pulvinar faucibus semper quis ut arcu. Ut non nisl a mollis est efficitur vestibulum. Integer eget purus nec nulla mattis et accumsan ut magna libero. Morbi auctor iaculis porttitor. Sed ut magna ac risus et hendrerit scelerisque. Praesent eleifend lacus in lectus aliquam porta. Cras eu ornare dui curabitur lacinia.</p>
<footer class="major"> -->
<!-- <ul class="actions special">
<li><a href="generic.html" class="button">Learn More</a></li>
</ul>
</footer>
</section> -->
<!-- Get Started -->
<!-- <section id="cta" class="main special">
<header class="major">
<h2>Congue imperdiet</h2>
<p>Donec imperdiet consequat consequat. Suspendisse feugiat congue<br />
posuere. Nulla massa urna, fermentum eget quam aliquet.</p>
</header>
<footer class="major">
<ul class="actions special">
<li><a href="generic.html" class="button primary">Get Started</a></li>
<li><a href="generic.html" class="button">Learn More</a></li>
</ul>
</footer>
</section> -->
</div>
<!-- Footer -->
<footer id="footer">
<!-- <section class="last_thank_you"> -->
<!-- <h2>Thank You</h2>
<ul class="actions">
<li><a href="#wrapper" class="button">Go Home</a></li> -->
<!-- </ul> -->
<!-- </section> -->
<!-- <section>
<h2>Etiam feugiat</h2>
<dl class="alt">
<dt>Address</dt>
<dd>1234 Somewhere Road • Nashville, TN 00000 • USA</dd>
<dt>Phone</dt>
<dd>(000) 000-0000 x 0000</dd>
<dt>Email</dt>
<dd><a href="#">information@untitled.tld</a></dd>
</dl>
<ul class="icons">
<li><a href="#" class="icon brands fa-twitter alt"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f alt"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram alt"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands fa-github alt"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon brands fa-dribbble alt"><span class="label">Dribbble</span></a></li>
</ul>
</section> -->
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>