-
Notifications
You must be signed in to change notification settings - Fork 1
/
nyc_charts.html
141 lines (140 loc) · 6.75 KB
/
nyc_charts.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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="nyc_chart.css">
<title>New York City Labor Market 3</title>
</head>
<body>
<script src="jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="highcharts.js" type="text/javascript"></script>
<!-- <script src="http://code.highcharts.com/modules/exporting.js" type="text/javascript"></script> -->
<script src="treemap.js"></script>
<script src="data.js" type="text/javascript"></script>
<script src="nyc_charts.js" type="text/javascript"></script>
<script src="tabcontent.js" type="text/javascript"></script>
<h1>New York City Labor Market 3</h1>
<ul class="tabs">
<li><a href="#view1">Education comparison</a></li>
<li><a href="#view2">Boroughs comparison</a></li>
</ul>
<div id = "view1">
<div id = "selectors">
<form id = "sel_cty">
<legend>Select a county/borough:</legend>
<select>
<option value = "All">All counties/boroughs</option>
<option value = "Bronx">Bronx/The Bronx</option>
<option value = "Kings">Kings/Brooklyn</option>
<option value = "NewYork">New York/Manhattan</option>
<option value = "Queens">Queens/Queens</option>
<option value = "Richmond">Richmond/State Island</option>
</select>
</form>
<form id = "sel_ind">
<legend>Select an industry:</legend>
<select>
<option value = "accfood">Accommodation and Food Services</option>
<option value = "admin">Administrative and Support and Waste Management and Remediation Services</option>
<!-- <option value = "ag">Agriculture, Forestry, Fishing and Hunting</option> -->
<option value = "arts">Arts, Entertainment, and Recreation</option>
<option value = "constr">Construction</option>
<option value = "ed">Educational Services</option>
<option value = "finance">Finance and Insurance</option>
<option value = "health">Health Care and Social Assistance</option>
<option value = "info">Information</option>
<option value = "manuf">Manufacturing</option>
<option value = "mgmt">Management of Companies and Enterprises</option>
<!-- <option value = "mining">Mining, Quarrying, and Oil and Gas Extraction</option> -->
<option value = "othsvcs">Other Services (except Public Administration)</option>
<option value = "prof">Professional, Scientific, and Technical Services</option>
<option value = "pubadmin">Public Administration</option>
<option value = "realestate">Real Estate and Rental and Leasing</option>
<option value = "retail">Retail Trade</option>
<option value = "trans">Transportation and Warehousing</option>
<option value = "util">Utilities</option>
<option value = "wholesale">Wholesale Trade</option>
</select>
</form>
</div>
<p>Click on legend to toggle series on or off</p>
<div id = "div_num">
<div id="div_empnum">
</div>
<div id="div_hirenum">
</div>
</div>
<div id = "div_earn">
<div id="div_empearn">
</div>
<div id="div_hirearn">
</div>
</div>
<div id = "div_occmap">
</div>
</div>
<div id = "view2">
<div id = "selectors2">
<form id = "sel_ed">
<legend>Select an education level:</legend>
<select>
<option value = "All">All education categories</option>
<option value = "lths">Less than high school</option>
<option value = "hs">High school or equivalent, no college</option>
<option value = "scaa">Some college or Associate degree</option>
<option value = "baplus">Bachelor's or advanced degree</option>
<option value = "na">Not available</option>
</select>
</form>
<form id = "sel_ind2">
<legend>Select an industry:</legend>
<select>
<option value = "accfood">Accommodation and Food Services</option>
<option value = "admin">Administrative and Support and Waste Management and Remediation Services</option>
<!-- <option value = "ag">Agriculture, Forestry, Fishing and Hunting</option> -->
<option value = "arts">Arts, Entertainment, and Recreation</option>
<option value = "constr">Construction</option>
<option value = "ed">Educational Services</option>
<option value = "finance">Finance and Insurance</option>
<option value = "health">Health Care and Social Assistance</option>
<option value = "info">Information</option>
<option value = "manuf">Manufacturing</option>
<option value = "mgmt">Management of Companies and Enterprises</option>
<!-- <option value = "mining">Mining, Quarrying, and Oil and Gas Extraction</option> -->
<option value = "othsvcs">Other Services (except Public Administration)</option>
<option value = "prof">Professional, Scientific, and Technical Services</option>
<option value = "pubadmin">Public Administration</option>
<option value = "realestate">Real Estate and Rental and Leasing</option>
<option value = "retail">Retail Trade</option>
<option value = "trans">Transportation and Warehousing</option>
<option value = "util">Utilities</option>
<option value = "wholesale">Wholesale Trade</option>
</select>
</form>
</div>
<p>Click on legend to toggle series on or off</p>
<div class="row">
<div class="col-6">
<div id = "div_num2">
<div id="div_empnum2">.
</div>
<div id="div_hirenum2">.
</div>
</div>
</div>
<div class="col-6">
<div id = "div_earn2">
<div id="div_empearn2">.
</div>
<div id="div_hirearn2">.
</div>
</div>
</div>
</div>
</div>
<p id = "footnote"><b>Employment (stable) is an estimate of stable jobs, i.e., the number of jobs that are held on both the first and last day of the quarter with the same employer.</b><br>
<b>Hires (stable) is an estimate number of workers that started a job that lasted at least one full quarter with a given employer.</b><br>
<em>Source: </em>Employment and hires data: U.S. Census Bureau, <em>Quality Workforce Indicators</em>. Data and earnings for occupations by education level: U.S. Census Bureau, <em>American Community Suvrvey micro data 2009-2014</em>. Percentages within each education level do not sum to 100 percent due to sample size exclusions.
</p>
</body>
</html>