/
index.html
82 lines (72 loc) · 4.39 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
<!DOCTYPE html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Employed Persons with Managerial Responsibilities in OECD Countries</title>
<meta name="description" content="OECD Employment Data">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
<script src="//use.typekit.net/vjn4nnf.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div id="headerContainer" class="section">
<header>
<h1>Employed Persons with Managerial Responsibilities in OECD Countries</h1>
<h2 class="subtitle">Employment Trends by Sex</h2>
<p class="subtitle">The Organisation for Economic Co-operation and Development (OECD) collects and collates data about a wide variety of human interests. Indicators include employment data, the Better Life Index, and many others. This is a visualization of the available data regarding employment in managerial positions by sex from 2001 to 2011. It was created as the final project in my MVIS5301 - Statitical Applications for Visualization class at while enrolled in the MPS Information Visualization program <a href="http://www.mica.edu">MICA</a>.</p>
<p class="subtitle">One of the things that fascinated me about these data was the decrease in the total % of employed persons in managerial positions. This could be due to the retirement of people in such positions or to the hiring of persons in non-managerial positions. These data do not provide a conclusive answer but are intended to spark interest in that question.</p>
<p class="subtitle">It is also worthwhile to note that while there have been improvements in equity between men and women in the workplace, there remains more men than women employed in managerial positions in all of the OECD countries. Sweden is the closest to achieving parity but still has more men in these positions.</p>
</header>
</div>
<div id="mainContainer" class="section">
<main>
<section id="introduction">
<p>Please note that all OECD countries have not reported data every year between 2001 and 2011. Countries with missing data for a selected year are at the bottom of the graph and have no bar. Men are represented with a <span class="lblue">light blue</span>, and women are represented by a <span class="lpink">light pink.</span></p>
<p><em>You can click PLAY ALL YEARS to cycle through the data or click an individual year to go directly to the data for that year. Hold your mouse over the bars to see the actual percentage.</em></p>
</section>
<section id="OECDfigureContainer">
<figure id="OECDfigure">
</figure>
</section>
<!--
<section id="assumptions">
<ul>
</ul>
</section>
-->
<section id="socialMedia">
<ul>
<li><a href="https://github.com/likeshumidity/MVIS5301-Final">Github Repository</a></li>
<li><a href="http://typekit.com/colophons/vjn4nnf">Colophon</a></li>
</ul>
</section>
<section id="credits">
<p><a href="http://stats.oecd.org/index.aspx?queryid=54741">Data is from the OECD and is provided to the public at no charge. It can be found here.</a></p>
</section>
</main>
</div>
<div id="footerContainer" class="section">
<footer>
<div id="footAuthor">Jacob Joseph</div>
<div id="footCopyright">© 2015</div>
<div id="footDetail">For MVIS5301 Final Project</div>
<div id="footDue">Due 3/1/2015</div>
</footer>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
</html>