-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
69 lines (68 loc) · 2.98 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
<!DOCTYPE html>
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/css/foundation.min.css"
integrity="sha256-itWEYdFWzZPBG78bJOOiQIn06QCgN/F0wMDcC4nOhxY=" crossorigin="anonymous"/>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
rel="stylesheet"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
crossorigin="anonymous">
<link href="css/style.css" rel="stylesheet">
<body>
<div id="viz">
<div class="row" id="header">
<div class="medium-12 columns"><h1>Who Validates?</h1></div>
<div class="medium-12 columns">
<p><small>This project classifies HOT OSM task validators.
OSM User data was collected from
<a href="https://github.com/americanredcross/osm-stats">
osmstats.redcross.org
</a> and from the <a href="http://wiki.openstreetmap.org/wiki/API">
osm api
</a></small></p>
<p><small>Check out the project's data collection and classification
<a href="https://github.com/maxgrossman/whovalidates">methodology</a></small></p>
</div>
</div>
<div class="row" id="selector">
<a onclick="clearAllCheckboxes();">
<i class="fa fa-trash-o"></i>
<small style="margin-left:1px">clear filters</small>
</a>
<ul class="tabs" data-active-collapse="true" data-tabs id="filter-nav">
<li class="tabs-title"><a href="#validType">Validator Group</a></li>
<li class="tabs-title"><a href="#variable">Variable</a></li>
</ul>
<div class="tabs-content" data-tabs-content="filter-nav" id="filter-nav-tabs">
<!-- collapse divs go here -->
</div>
</div>
</br>
<div id="loading" class="large-12 columns">
<i class="fa fa-cog fa-spin fa-3x fa-fw"></i><p>loading...</p>
</div>
<div id="visualizations">
<div class="row">
<div class="large-5 columns">
<div id="validatorScatter"></div>
</div>
<div class="large-6 columns">
<div id="variableBar"></div>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<div id="varianceExplained"></div>
</div>
</div>
</div>
</div>
</body>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/js/foundation.min.js" integrity="sha256-Nd2xznOkrE9HkrAMi4xWy/hXkQraXioBg9iYsBrcFrs=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="js/main.js"></script>