-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
36 lines (34 loc) · 2.15 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
<!DOCTYPE html>
<!-- Original source code comes from Paul Buffa: http://bl.ocks.org/pstuffa/6c04653830ecfc089932 -->
<!-- Restructured by Kevin Nguyen for the Elevate: AAPI Data Challenge 8/21/2016 -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Heebo" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<body>
<div class="container">
<h1>The American Scientist<small> Are certain races and/or ethnic groups under or overrepresented in the sciences?</small></h1>
<div class="info">
<p>Visualization designed for <a href="http://sites.ed.gov/aapi/elevate-aapi-data-challenge/">Elevate: AAPI Data Challenge</a></p>
<h6>By <a href="https://kvn219.github.io/" title="">Kevin Nguyen |</a> Perry Wong</h6>
</div>
<p>
As the population of our country grows more diverse, we assume that such diversity be reflected in educational institutions, media, and workplace. By visualizing data from the National Science Foundation’s 2015 report “Women, Minorities, and Persons with Disabilities in Science and Engineering,” we paint an image of the influence of S&E education on employment and whether or not race or ethnicity factored into decisions to go into the STEM fields.
</p>
<br>
<div id='selectSpot'></div>
<div id='areaList'></div>
<div id="chart"></div>
<p id="disclaimer">
SOURCE: National Science Foundation, National Center for Science and Engineering Statistics, Scientists and Engineers Statistical Data System (SESTAT), 2013 (preliminary).
<br/> VISUALIZATION: Inspired by Paul Buffa's <a href="http://bl.ocks.org/pstuffa/6c04653830ecfc089932 ">We Have Engaged Audiences.</a>
</div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/1.4.5/numeral.min.js"></script>
<script src="js/chart.js"></script>
</html>