data-visualization-capstone/Outliers.html at main · cgeraghty1/data-visualization-capstone · 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
59
60
61
62
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Outliers - Galton's Research</title>
    <link rel="stylesheet" href="outliers.css">
</head>
<body>
    <header>
        <h1>Outliers in Galton's Research</h1>
    </header>

    <section id="outliers-description">
        <p>
            The interactive data visualization below highlights the individuals who deviate most from the regression line—those whose heights significantly diverge from the statistical "norm." Each red 'fingerprint' marks an outlier, an individual whose physical traits set them apart from the average. The only detail we know about these people is the family they came from and how their height stands in contrast to the expected norm.
            <br><br>
            Yet, these outliers represent more than statistical exceptions; they are real people whose unique characteristics remind us that human lives often defy easy categorization. Their presence invites us to reflect on the limitations of focusing solely on averages. By looking more closely at these individuals, we begin to see that being an outlier in data is not just about numbers—it reflects the diversity and complexity of real life, where variation is the rule, not the exception.
        </p>
    </section>

    <section id="tableau-outliers">
        <div class="tableauPlaceholder" id="viz16708869202060">
            <noscript>
                <a href="https://public.tableau.com/app/profile/colin.geraghty/viz/OUTLIERS_16708869202060/Dashboard1">
                    <img alt="Interactive Tableau Dashboard" style="border: none" src="https://public.tableau.com/static/images/O_/OUTLIERS_16708869202060/Dashboard1/1_rss.png">
                </a>
            </noscript>
            <object class="tableauViz" style="display:none;">
                <param name="host_url" value="https%3A%2F%2Fpublic.tableau.com%2F" />
                <param name="embed_code_version" value="3" />
                <param name="site_root" value="" />
                <param name="name" value="OUTLIERS_16708869202060/Dashboard1" />
                <param name="tabs" value="no" />
                <param name="toolbar" value="yes" />
                <param name="static_image" value="https://public.tableau.com/static/images/O_/OUTLIERS_16708869202060/Dashboard1/1.png" />
                <param name="animate_transition" value="yes" />
                <param name="display_static_image" value="yes" />
                <param name="display_spinner" value="yes" />
                <param name="display_overlay" value="yes" />
                <param name="display_count" value="yes" />
            </object>
        </div>
    </section>

    <!-- Family Story Writing Section -->
    <section id="family-story">
        <p>
            Among the many outliers represented in the scatterplot, Family #72 stands out. The family’s height data deviates dramatically from the expected norms, but it is the story behind these data points that offers deeper insight into the human experience.
        </p>
        <p>
            From the scattered data points, we can only infer the physical traits, but behind these numbers are real people with complex lives. Family #72 is a fictitious case study in this analysis, illustrating the interplay between statistical outliers and the rich, diverse stories that data alone cannot capture. The individuals in this family defied societal norms not just in terms of height, but in other aspects of life, embodying what it means to be truly unique.
        </p>
    </section>

    <footer>
        <p>&copy; 2024 Colin Geraghty. All rights reserved.</p>
    </footer>

    <script type="text/javascript" src="https://public.tableau.com/javascripts/api/viz_v1.js"></script>
</body>
</html>