infx547finalproject/visualizations.html at master · navi1218/infx547finalproject · 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
<!DOCTYPE html>
<html lang="en" class="no-js">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" type="text/css" href="css/normalize.css">
		<link rel="stylesheet" type="text/css" href="css/demo.css">
        <link rel="stylesheet" type="text/css" href="css/skeleton.css">
        <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
        <link href="https://fonts.googleapis.com/css?family=Quicksand:300,500" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700" rel="stylesheet">
        <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
        <script src="https://d3js.org/d3.v4.min.js"></script>
        <script src="https://d3js.org/queue.v1.min.js"></script>

		<script>document.documentElement.className = 'js';</script>
	</head>
    <body>
        <div class="content content--fixed">
            <div id="mainheader" class="row">
                <div class="two columns"></div>
                <div class="eight columns">
                <br><br>
               <div class="title-block">A Case Study on Glossier's Social Media Marketing Strategy</div>
                    <div class="subtitle-block">#Visualizations</div><br>
                    <p>Our team also investigated these datasets through visual exploratory data analysis. The d3 Javascript library was used to build interactive, web-based visualizations. In order to create these visualizations, the data needed to be in a very specific format. Data needed to be cleaned further and created into subsets; we used the R programming language to do this. Cleaned data sets were also fed into and manipulated with Tableau to inspect any obvious trends.</p>
                    <p><b>Words Associated with the Hashtag #glossier from 2010 to 2017</b></p><br>
                    <a href="bubblevis.html"><img height="50%" width="50%" src="img/vis1.png">
                        <br>Click here to interact with the visualization.</a><br><br>
                    <p><b>Frequency of the hashtag #glossier from 2009 to 2017</b></p><img height="50%" width="50%" src="img/vis2.png">
              <br><br><a href="calendar.html">Click here to interact with the visualization.</a>  </div>
            <div class="two columns"></div>
            </div>
            <a class="next-link" href="limitations.html">Limitations →</a>
            <a class="previous-link" href="analysis.html">← Results</a><br>
        </div>
	</body>
</html>