forked from SimonbJohnson/hdx-wfp-indicators
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (60 loc) · 3.42 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
<!DOCTYPE html>
<html>
<head>
<title>WFP Food Prices</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" href="css/leaflet-grid-graph.css">
<link rel="stylesheet" type="text/css" href="css/site.css"/>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/d3.js" charset="utf-8"></script>
<script src="js/crossfilter.v1.min.js" charset="utf-8"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<script src="http://d3js.org/topojson.v1.min.js"></script>
<script src="data/un_world_topo.js"></script>
<script src="js/leaflet-grid-graph.js"></script>
</head>
<body>
<div id="wfp-viz-ind" class="container">
<div id="wfp-viz-maplayer" class="row">
<!-- <div class="col-md-12 hdx-wfp-viz-header">
<p>Click a country to explore WFP indicators for those countries</p>
</div> -->
<div id="wfp-viz-map" class="col-md-12"></div>
</div>
<div id="wfp-viz-gridlayer" class="row">
<div class="row">
<div class="col-md-12"><h2>Yemen - mVAM Food Security Monitoring</h2></div>
<div class="col-md-12"> <a href="https://resources.vam.wfp.org/mVAM">Methodology</a> </div>
<div id="wfp-viz-slider" class="col-md-3"></div>
<div id="wfp-viz-date" class="col-md-3"></div>
<div id="wfp-viz-categories" class="col-md-6">
<button id='catoverview' class="btn btn-default">Overview</button>
<button id='catrcsi' class="btn btn-default">Reduced Coping Strategies Index (rCSI)</button>
<button id='catfcs' class="btn btn-default">Food Consumption Score (FCS)</button>
<!--<button id='cathousing' class="btn btn-default">Housing</button>-->
</div>
</div>
<div class="row">
<div id="wfp-viz-gridmap" class="col-md-6"></div>
<div id="wfp-viz-grid-overview" class="col-md-6 wfp-viz-grid"></div>
<div id="wfp-viz-grid-rcsi" class="col-md-6 wfp-viz-grid"></div>
<div id="wfp-viz-grid-fcs" class="col-md-6 wfp-viz-grid"></div>
<!--<div id="wfp-viz-grid-housing" class="col-md-6 wfp-viz-grid"></div>-->
</div>
<div class="row">
<!-- <div class="col-md-3 wfp-viz-header">
<button id="wfp-viz-returnmap">Back to world map</button>
</div> -->
<div class="wfp-viz-header">
<p><small>Hover the grid to see the map for each variable. Clicking the variable name will sort the table by that variable. Use the timeslider to see how the data changes over time. Click the blue theme buttons to see other variables.</small></p>
</div>
</div>
</div>
</div>
<script src="js/indicators.js"></script>
</body>
</html>