-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
84 lines (75 loc) · 3.97 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<!--
This is the page head - it contains info the browser uses to display the page
You won't see what's in the head in the page
Scroll down to the body element for the page content
-->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="https://glitch.com/favicon.ico" />
<!--
This is an HTML comment
You can write text in a comment and the content won't be visible in the page
-->
<title>Mini Project 3</title>
<!-- Meta tags for SEO and social sharing -->
<link rel="canonical" href="https://glitch-hello-website.glitch.me/" />
<meta
name="description"
content="A simple website, built with Glitch. Remix it to get your own."
/>
<meta name="robots" content="index,follow" />
<meta property="og:title" content="Hello World!" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://glitch-hello-website.glitch.me/" />
<meta
property="og:description"
content="A simple website, built with Glitch. Remix it to get your own."
/>
<meta
property="og:image"
content="https://cdn.glitch.com/605e2a51-d45f-4d87-a285-9410ad350515%2Fhello-website-social.png?v=1616712748147"
/>
<meta name="twitter:card" content="summary" />
<!-- Import the webpage's stylesheet -->
<link rel="stylesheet" href="/style.css" />
<!-- Import the webpage's javascript file -->
<script src="https://d3js.org/d3.v7.min.js"></script>
<script src="https://unpkg.com/topojson@3"></script>
<script src="/script.js" defer type="module"></script>
<script src="/barchart.js" defer type="module"></script>
</head>
<body>
<div class="wrapper">
<div class="content" role="main">
<!-- This is the start of content for our page -->
<h1 class="title">Gender Inequality in Workforce</h1>
<a href= "index.html"> Back to the Data! </a>
<h2>
Project Description
</h2>
<p class = "description">
<ul class = "description">
<li> We wanted to examine data surrouding gender inequality in the workforce because it is an important topic that we knew little about </li>
<li> We chose these designs because we wanted to keep our information easy to take information away from. We chose to focus in on each state and provide more information about the states with the bar charts and pie chart so that people could understand the gender inequality situation more clearly at not just the country level, but at the state level as well </li>
<li> Taking the time to look through and visually encode our data showed us important trends around inequality in the workforce and helped us become aware of the prejudices and the economic injustices that women face</li>
</ul>
</p>
<h2>
Design and Development Process
</h2>
<p class = "description">
<ul class = "description">
<li> To design and develop the visualizations, first we sketched out what we wished to present. Next, it was important to first develop the map because that is what the other visualizations are dependent on </li>
<li> We wanted to look at the percent of women in STEM and in other industries as well and we included those in our sketches, but due to time constraints we only were able to focus on these three charts </li>
<li> We struggled getting the data into the right format we needed for our analysis, but we were able to adjust the dataset and make it work</li>
<li> We learned that visually encoding data with the ability to filter by a smaller subset of data can be a very effective way to break down a large data set </li>
<li> We balanced the work among team members by each member being in charge of 1 data visualization. </li>
</ul>
</p>
</div>
</div>
</body>
</html>