-
Notifications
You must be signed in to change notification settings - Fork 4
/
index-old.html
105 lines (102 loc) · 8.35 KB
/
index-old.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>NorthernPowerGrid Future Energy Scenarios</title>
<link rel="StyleSheet" href="resources/nouislider.min.css" type="text/css" />
<link rel="StyleSheet" href="resources/leaflet.css" type="text/css" />
<link rel="stylesheet" href="resources/stuquery.barchart.css" type="text/css" />
<link rel="StyleSheet" href="resources/style.css" type="text/css" />
<link href="favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
<script type="text/javascript" src="resources/stuquery.js"></script>
<script type="text/javascript" src="resources/stuquery.barchart.min.js"></script>
<script type="text/javascript" src="resources/nouislider.min.js"></script>
<script type="text/javascript" src="resources/npg.js"></script>
<script type="text/javascript" src="resources/leaflet.js"></script>
</head>
<body>
<div class="c14-bg">
<div class="holder" style="text-align:center;padding:0.25em 0;">This tool is under development - going live on 31st December 2019</div>
</div>
<header class="b1-bg">
<div class="b1-bg glory">
<div class="glory-opacity">
<div class="holder">
<a href="https://odileeds.org/" class="ODIlogo"><img alt="ODI Leeds" src="https://odileeds.org/resources/images/odileeds.svg" title="ODI Leeds"></a>
<a href="https://www.northernpowergrid.com/"><img alt="Northern Powergrid" src="https://odileeds.org/dashboard/data/img/northernpowergrid.svg" title="Northern Powergrid"></a>
<a href="http://www.element-energy.co.uk/"><img alt="Element Energy" src="https://odileeds.org/dashboard/data/img/elementenergy.svg" title="Element Energy"></a>
</div>
</div>
</div>
<div class="c9-bg title">
<div class="holder">
<h1>Northern Powergrid Future Energy Scenarios</h1>
</div>
</div>
</header>
<div class="b6-bg" id="scenario">
<div class="holder columns">
<div class="left">
<p>Northern Powergrid's potential future scenarios as defined in the <a href="http://fes.nationalgrid.com/media/1409/fes-2019.pdf">National Grid Future Energy Scenarios</a>.</p>
<h2><label for="scenarios">Choose a scenario</label>:</h2>
<div id="scenario-holder"></div>
<div class="about"></div>
<h2><label for="parameters">Choose a parameter</label>:</h2>
<div id="parameter-holder"></div>
<h2><label for="views">View by</label>:</h2>
<div id="view-holder"></div>
<h2>Select year (<span class="year"></span>):</h2>
<div id="slider"></div>
<div><button id="play" class="scenario" title="Play">►</button> <button id="pause" class="scenario" title="Pause" disabled>❚❚</button></div>
<h2><label for="scale-mode">Colour scale</label>:</h2>
<div id="scale-holder" class="toggleinput toggler">
<span class="toggle-label1" title="To compare the values of different areas for the current year">In year</span>
<div class="toggle-bg">
<input type="checkbox" id="scale-mode" name="scale-mode" title="Select for an absolute scale" />
<span class="switch"></span>
</div>
<label class="toggle-label2" for="scale-mode" title="To compare the values of different areas across the the full range of years">By 2050</label>
</div>
</div>
<div class="right">
<div id="map">
<div class="spinner">
<img src="https://odileeds.org/resources/images/odi.svg" alt="Loading..." />
</div>
</div>
<div id="scale"></div>
</div>
</div>
</div>
<div class="scenario padded"> </div>
<div class="b5-bg">
<div class="holder padded">
<h2>About this visualisation</h2>
<h3>Predictions</h3>
<p>Each modelled parameter is calculated by <a href="http://www.element-energy.co.uk/">Element Energy</a> for each of Northern Powergrid's Primary Supply Points.</p>
<p>The scenarios displayed have been generated by disaggregation of the National's Grid Future Energy Scenarios performed by Element Energy on behalf of Northern Powergrid. This disaggregation process involves a regionally-specific allocation of the data; as a result, the data published may deviate from that within National Grid's Future Energy Scenarios publication. These scenarios represent different possible future worlds but should not be used as a prescriptive forecast; Element Energy accept no responsibility for the use of this data.</p>
<h3>Geographies</h3>
<p>For this visualisation we have created <a href="data/maps/primaries-unique.geojson">geographies (polygons) for each Primary Supply Point</a> in Northern Powergrid's network. We chose to use <a href="https://www.ons.gov.uk/census/2001censusandearlier/dataandproducts/outputgeography/outputareas">Output Areas</a> (2011) as these are the building blocks of census geography as used by the <a href="https://www.ons.gov.uk/">Office of National Statistics</a>. We have used Northern Powergrid customer postcodes to identify each Output Area supplied by each Primary Supply Point. Output Areas with fewer than 10 customers connected to a Primary were excluded. This helped with anonymisation and also reduced data issues in the customer database e.g. incorrect customer postcodes. We construct representative geographies for each Primary Supply Point from the remaining Output Areas. In cases where multiple Primary Supply Points serve the same Output Area, that Output Area is assigned to the Primary Supply Point that serves the most customers there.</p>
<p>Some Primary Supply Point geographies may show larger areas on the map than they cover in practice particularly in rural areas where network connectivity may be concentrated in specific parts of an Output Area. The areas shown here are representative for the purpose of showing the Future Energy Scenario model data and should not be relied upon for checking connectivity or to assess the terms of connection for specific premises.</p>
<h3>Local Authority view</h3>
<p>The model predictions have been created by Primary Supply Point and that is the definitive view. The Local Authority view is constructed from the Primary Supply Point values. We have found the proportion of a Primary Supply Point's customers in each Local Authority District (as defined in April 2019) by adding up the customers in each Output Area belonging to a specific Local Authority District. For some parameters (e.g. electric vehicles) the values from the Primary Supply Points are apportioned to each Local Authority District and then summed into totals. For values which can't be summed (e.g. Peak demand) we have shown the maximum value for any Primary Supply Point that serves a Local Authority.</p>
</div>
</div>
<footer class="b1-bg">
<div class="holder">
<h3><a href="http://odileeds.org/blog/">Interactive visualisation</a></h3>
<p>© ODI Leeds (Stuart Lowe & Patrick Lake) 2019. Released under a <a href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a> licence. <a href="https://odileeds.org/projects/northernpowergrid/dfes/">Read about the project</a> or view the <a href="https://github.com/odileeds/northern-powergrid">repository on Github</a>.</p>
<h3><a href="https://datamillnorth.org/">Energy scenario data</a></h3>
<p>© NorthernPowerGrid & ElementEnergy 2019. Released under a ? licence.</p>
<h3><a href="http://odileeds.org/blog/">Geographic boundaries</a></h3>
<p><a href="https://geoportal.statistics.gov.uk/datasets/local-authority-districts-april-2019-boundaries-uk-bgc">Local Authority District boundaries</a>, <a href="https://geoportal.statistics.gov.uk/datasets/output-area-december-2011-generalised-clipped-boundaries-in-england-and-wales">Output Area boundaries</a>, and the <a href="https://geoportal.statistics.gov.uk/datasets/postcode-to-output-area-to-lower-layer-super-output-area-to-middle-layer-super-output-area-to-local-authority-district-august-2019-lookup-in-the-uk">conversion from Postcodes to Output Areas (2011) and Local Authority Districts (2019)</a> uses data from the ONS geo service. They are <a href="https://www.ons.gov.uk/methodology/geography/licences">released under the OGL</a>:</p>
<ul>
<li>Contains National Statistics data © Crown copyright and database right 2019</li>
<li>Contains OS data © Crown copyright and database right 2019</li>
</ul>
<p><a href="http://odileeds.org/blog/">Primary Supply Point geographies</a> created by ODI Leeds 2019. Contains data derived from Output Areas geographies.</p>
</div>
</footer>
</body>
</html>