forked from SimonbJohnson/Nepal-eq-2015-survey-of-surveys
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
86 lines (85 loc) · 4.71 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
83
84
85
86
<html>
<head>
<title>Nepal Earthquake Response - Survey of Surveys</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/dc.css"/>
<link rel="stylesheet" type="text/css" href="css/site.css"/>
<link rel="stylesheet" type="text/css" href="css/leaflet.css"/>
<script src="js/jquery.js"></script>
<script src="js/hxl.js"></script>
<script src="js/d3.min.js"></script>
<script src="js/crossfilter.v1.min.js"></script>
<script src="js/leaflet.js"></script>
<script src="js/dc.js"></script>
<script src="js/dc.leaflet.js"></script>
<script src="js/topojson.v1.min.js"></script>
<script src="data/nepal_adm3.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-46399763-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div class="container">
<div id="header" class="row">
<h2>Nepal Survey of Surveys</h2>
<div class="col-xs-8">
<p class="grey">Nepal Survey of Surveys: Dashboard showing all published assessments covering humanitarian needs arising from the 25 April and 12 May earthquakes. The Assessment Unit welcomes all information that could complement this portal. For more information, comments or questions please email <a href="mailto:nepalassessments@humanitarianresponse.info">nepalassessments@humanitarianresponse.info</a> Click on the graphs and map to filter the data in the table to find the relevant surveys. Every record refers to a district or VDC covered by a specific assessment. View the latest data <a href="https://docs.google.com/spreadsheets/d/1b7GvKOrAZ40H8Z22E-2kDYXxtpLV89GJ32izJNRDhHE/edit?usp=sharing">here</a>.</p>
</div>
<div class="col-xs-1">
<a class="reset btn btn-primary btn-sm dashbutton" id="reset" href="javascript:dc.filterAll();dc.redrawAll();">Reset All</a>
</div>
<div id="count-info" class="col-xs-3">
<p class="grey"><span id="test" class="filter-count "></span> records selected</p>
<p class="grey">out of <span id="selected"></span> assessments</p>
</div>
</div>
<div class="row">
<div class="col-xs-4">
<div id="sectorChart" class="viz-chart">
<h4>Sector covered (Click to filter)</h4>
</div>
</div>
<div class="col-xs-8">
<div class="row">
<div class="viz-chart">
<h4>Map (Click to filter)</h4>
<div id="mapChart" class="viz-chart"></div>
</div>
</div>
<div class="row">
<div id="monthChart" class="viz-chart">
<h4>Weeks from April 25th 2015 (Click to filter)</h4>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<table class="table table-hover" id="data-table">
<thead>
<tr class="header">
<th>VDC</th>
<th>Publication Date</th>
<th>Lead Organisation</th>
<th>Assessment Title</th>
<th>Sector</th>
<th>Report URL</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
<script src="js/site.js"></script>
<script src="https://spreadsheets.google.com/feeds/list/1b7GvKOrAZ40H8Z22E-2kDYXxtpLV89GJ32izJNRDhHE/od6/public/values?alt=json-in-script&callback=sheetLoaded"></script>
</body>
</html>