Repository navigation
Expand file tree
/
Copy pathprojections.html
More file actions
163 lines (159 loc) · 13.4 KB
/
Copy pathprojections.html
File metadata and controls
163 lines (159 loc) · 13.4 KB
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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!doctype html>
<html>
<head>
<title>NZ Wave Data Tool: Model Projections</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css"/>
<link rel="stylesheet" href="https://unpkg.com/leaflet-draw@1.0.3/dist/leaflet.draw.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.css"/>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
<link rel="stylesheet" href="custom.css"/>
<script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet-src.js"></script>
<script src="https://unpkg.com/leaflet-draw@1.0.3/dist/leaflet.draw.js"></script>
<script src="https://unpkg.com/leaflet-providers@1.4.0/leaflet-providers.js"></script>
<script src="https://cdn.jsdelivr.net/gh/hayeswise/Leaflet.PointInPolygon@v1.0.0/wise-leaflet-pip.js"></script>
<script src="https://unpkg.com/terraformer@1.0.8/terraformer.js"></script>
<script src="https://unpkg.com/terraformer-wkt-parser@1.1.2/terraformer-wkt-parser.js"></script>
<script src="https://unpkg.com/jquery@3.3.1/dist/jquery.min.js"></script>
<script src="https://unpkg.com/vis@4.21.0/dist/vis.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.23.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/spin.js/2.3.2/spin.min.js"></script>
<script src="https://unpkg.com/leaflet-spin@1.1.0/leaflet.spin.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>
<script src="https://unpkg.com/leaflet-rotatedmarker@0.2.0/leaflet.rotatedMarker.js"></script>
<script src="https://unpkg.com/leaflet-svg-shape-markers@1.1.0/dist/leaflet-svg-shape-markers.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chroma-js/2.0.3/chroma.min.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CJZMGXXZN2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-CJZMGXXZN2');
</script>
</head>
<body>
<h1 id="title">NZ Wave Data Tool: Model Projections</h1>
<div id="map"></div>
<div id="mainControls">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="vis-tab" data-toggle="tab" href="#vis" role="tab" aria-controls="vis" aria-selected="true">Data Visualisation</a>
</li>
<li class="nav-item">
<a class="nav-link" id="export-tab" data-toggle="tab" href="#export" role="tab" aria-controls="export" aria-selected="false">Data Exporting</a>
</li>
<li class="nav-item">
<a class="nav-link" id="about-tab" data-toggle="tab" href="#about" role="tab" aria-controls="about" aria-selected="false">About</a>
</li>
</ul>
<h4>Step 1: Select a model</h4>
<div class="form-group">
<select id="model" class="form-control" aria-describedby="selectHelp" style="outline: none;">
<option value="NZ-HIST-H0A" selected>ACCESS1.0 - Historical - 1986-2006</option>
<option value="NZ-PROJ-M4A">ACCESS1.0 - RCP4.5 - 2026-2046</option>
<option value="NZ-PROJ-M8A">ACCESS1.0 - RCP8.5 - 2026-2046</option>
<option value="NZ-PROJ-E4A">ACCESS1.0 - RCP4.5 - 2081-2101</option>
<option value="NZ-PROJ-E8A">ACCESS1.0 - RCP8.5 - 2081-2101</option>
<option value="NZ-HIST-H0C">CNRM-CM5 - Historical - 1986-2006</option>
<option value="NZ-PROJ-M4C">CNRM-CM5 - RCP4.5 - 2026-2046</option>
<option value="NZ-PROJ-M8C">CNRM-CM5 - RCP8.5 - 2026-2046</option>
<option value="NZ-PROJ-E4C">CNRM-CM5 - RCP4.5 - 2081-2101</option>
<option value="NZ-PROJ-E8C">CNRM-CM5 - RCP8.5 - 2081-2101</option>
<option value="NZ-HIST-H0M">MIROC5 - Historical - 1986-2006</option>
<option value="NZ-PROJ-M4M">MIROC5 - RCP4.5 - 2026-2046</option>
<option value="NZ-PROJ-M8M">MIROC5 - RCP8.5 - 2026-2046</option>
<option value="NZ-PROJ-E4M">MIROC5 - RCP4.5 - 2081-2101</option>
<option value="NZ-PROJ-E8M">MIROC5 - RCP8.5 - 2081-2101</option>
</select>
</div>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="vis" role="tabpanel" aria-labelledby="vis-tab">
<form>
<h4>Step 2: Select a variable to visualise</h4>
<div class="form-group">
<select id="var" class="form-control" aria-describedby="selectHelp" style="outline: none;">
<option value="HSIGN-Hsig" selected>Hsig</option>
<option value="DIR-Dir">Dir</option>
<option value="RTP-RTpeak">Tpeak</option>
<option value="RTM01-RTm01">Tm01</option>
<option value="DEPTH-Depth">Depth</option>
</select>
</div>
<div class="form-group">
Displayed time:
<input id="current" type="datetime-local" class="form-control"></input>
</div>
</form>
</div>
<div class="tab-pane fade" id="export" role="tabpanel" aria-labelledby="export-tab">
<h4>Step 2: Select variables to export</h4>
<select id="exportmodelvarsnew" class="form-control selectpicker" aria-describedby="selectHelp" multiple>
<optgroup label="Integrated:">
<option value="HSIGN-Hsig">Hsig</option>
<option value="DIR-Dir">Dir</option>
<option value="PDIR-PkDir">PkDir</option>
<option value="RTM01-RTm01">Tm01</option>
<option value="TM02-Tm02">Tm02</option>
<option value="RTP-RTpeak">Tpeak</option>
<option value="DSPR-Dspr">Dspr</option>
</optgroup>
<optgroup label="Other:">
<option value="DEPTH-Depth">Bathymetry (Depth)</option>
<option value="WIND-Windv_x">Winds - Windv_x</option>
<option value="WIND-Windv_y">Winds - Windv_y</option>
</optgroup>
</select>
<small id="selectHelp" class="form-text">
For an explanation of these variables, please click <a href="vars.pdf">here</a>
</small>
<div id="download_info">
<h4>Step 3: Select data points</h4>
<small>To select a subset of data points, use the polygon or rectangle tool. Making a new selection will replace the previous selection.</small>
<div id="control"></div>
<h6>
<span id="selected_points">0</span> data points selected.
</h6>
<h4>Step 4: Select a time range</h4>
<small>Adjust the time range here or by dragging the ends of the timeseries export range control at the bottom.</small>
<h6>Timeseries range:</h6>
<form class="form-inline">
<input id="start" type="datetime-local" class="form-control"></input>-
<input id="end" type="datetime-local" class="form-control"></input>
</form>
<h6>
<span id="selected_days">0</span> days selected.
</h6>
<h6>
<span id="total_rows">0</span> total rows for export. <span id="est_time_wrapper">Estimated (worst-case) time to export: about <span id="est_time">1 minute</span></span>
</h6>
<button id="download" class="btn btn-primary">Export</button>
<button id="cancel_download" class="btn btn-danger" style="display:none">Cancel</button>
<h6 id="statustext"></h6>
<div id="download_status">
</div>
</div>
</div>
<div class="tab-pane fade" id="about" role="tabpanel" aria-labelledby="about-tab">
<p style="text-align: center;"><strong><span class="im">Past and Future GCMs simulations for New Zealand</span></strong></p>
<p style="text-align: center;"> <span style="color: #000000;"><span style="font-family: Arial, Helvetica, sans-serif;">João Albuquerque, Jose A. A. Antolínez, Fernando J. Méndez, Giovanni Coco</span></span></p>
<p><span class="im"><br />Here we provide three time-slices of high resolution wave climate data for the New Zealand waters. We developed a set of historical and projected wave climatologies from 3 global climate models (GCM) and two projected pathways. The models were chosen based on their skill to represent the past atmospheric patterns of the wave generation basins New Zealand is exposed to.<br /><br /></span>Reconstructed bimodal boundaries from windsea and swell waves together with GCM winds provided the forcing for a SWAN grid around New Zealand. Waves were downscaled in non-stationary mode through 4 levels of nesting, storing both partitioned and integrated parameters. The historical boundaries were obtained from 20 years (1986–2006) of wave data from three GCM (ACCESS1-0, CNRM-CM5 and MIROC5). The future wave climate boundaries and wind forcing are from two 20-year (2026–2046, 2080–2100) ensembles of wave climate projections from the same GCMs under two different representative concentration pathways (RCP 4.5, RCP 8.5).<span class="im"><br /><br />An assessment of the anomalies between the past and future GCMs provides us insightful information about the potential changes in the future wave climate of New Zealand. This dataset will be of great value to a number of future studies on risk assessment and mitigation of coastal hazards. The full description of data and methods will be available shortly in Albuquerque et al., 2020 (in prep).<br /><br /></span>We acknowledge funding from a New Zealand GNS-Hazard Platform grant to Giovanni Coco.We also acknowledge <a href="https://www.nesi.org.nz/" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.nesi.org.nz/&source=gmail&ust=1582235532519000&usg=AFQjCNFIjq6tuwtip2cmYT5BsOXraOuFaQ">NeSI</a> for providing us the computing power necessary to perform the simulations and the <a href="https://www.eresearch.auckland.ac.nz/" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.eresearch.auckland.ac.nz/&source=gmail&ust=1582235532519000&usg=AFQjCNExOFQAfJYkyf3gMJp95nc8TLmtHw">Centre for eResearch</a> for assisting us on the development of this web-interface. We would appreciate if you let us know that you are using the data.</p>
</div>
</div>
</div>
<div id="timeline">
<div id="buttons">
<button type="button" class="btn" id="play"><i class="fas fa-play"></i></button>
<button type="button" onclick="timeline.zoomIn(1)" class="btn" id="zoomIn"><i class="fas fa-search-plus"></i></button>
<button type="button" onclick="timeline.zoomOut(1)" class="btn" id="zoomOut"><i class="fas fa-search-minus"></i></button>
</div>
</div>
<script src="custom.js"></script>
</body>
</html>