LydiaBrothers.github.io/index.html at main · LydiaBrothers/LydiaBrothers.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>IMDB Score Distribution Histogram</title>
    <link rel="stylesheet" href="styles/app.css">

    <style>
        body {
            font-family: Arial, sans-serif;
        }
        .bar {
            fill: steelblue;
        }
        .axis-label {
            font-size: 14px;
        }
    </style>
</head>
<body onload='renderFirstChart()'>
    <div class="text-container">
        <div id="slide-1">
            <h1>Netflix Originals Quality & Quantity: How good are the Netflix Originals released based on their IMDB rating?</h1>

            <ul>
                <li class="font-size-lg mt-10">The median IMDB rating for Netflix Originals between 2014 and 2021 is 6.35. However, the IMDB rating varies within each genre of movie produced by Netflix.
                </li>
                <li class="font-size-lg mt-10">Are particular genres under/overperforming the average IMDB rating, potentially muddying the overall picture of the quality of the production?
                </li>
                <li class="font-size-lg mt-10"> We can explore the data below to understand at a high level what kinds of movies Netflix produces that are well liked.
                </li>
                <li class="font-size-lg mt-10"> The vertical axis shows the <b>count of Netflix Originals</b> that premiered between 2014 to 2021.
                    The horizontal axis shows the binned <b>IMDB score</b> given to the Netflix Originals in that time frame.
                </li>
                <li class="font-size-lg mt-30"> Try <b>hovering</b> over some bins and you'll see the count of Netflix Originals in that bin as well as the range of IMDB scores represented by that bin.
                    How do the median IMDB scores vary by genre? Use the <b>drop down menu</b> to investigate.
                    </span></li>
            </ul>
            <br>
            <br>
            <br>
            <h2>IMDB Score Distribution Histogram by Genre</h2>
    <!-- <h1>IMDB Score Distribution Histogram</h1> -->
    <div id="dropdown-container"></div>
    <div id="chart-container">
    <div id="chart"></div>
    </div>
    <script src="https://d3js.org/d3.v7.min.js"></script>
    <script src="scripts/app.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3-annotation/2.5.1/d3-annotation.min.js"
integrity="sha512-iBAeBWWWFb8HqSBcrqcz98iIpuVH1la39dEYHtyQ/pGpeCQTQVvLJOWAuhv2Q7JSHp9k7hWA7sGxU3hHJe+tFg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <div class="button-container">
    <a class="btn btn-primary btn-s" href="scene2.html" role="button">Next</a>
    </div>
</body>
</html>