-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathDeficitReserve.html
123 lines (106 loc) · 5.95 KB
/
DeficitReserve.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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<title>Ecological Footprint Data Visualization</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- jQuery UI CSS -->
<link rel="stylesheet" href="css/jquery-ui.min.css">
<link rel="stylesheet" href="css/jquery-ui.structure.min.css">
<link rel="stylesheet" href="css/jquery-ui.theme.min.css">
<!-- D3 Tooltip CSS -->
<link rel="stylesheet" href="css/d3-tip.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/style.css">
<!-- External JS libraries -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- External D3 JS libraries -->
<script src="js/d3.min.js"></script>
<script src="js/d3-tip.js"></script>
<script src="https://d3js.org/d3.v4.js"></script>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
<script src="https://d3js.org/d3-geo-projection.v2.min.js"></script>
<script src="https://d3js.org/topojson.v1.min.js"></script>
<script src="https://d3js.org/queue.v1.min.js"></script>
</head>
<body>
<body>
<div id="main">
<!-- fixed header to fix the header text and menubar while scrolling -->
<div id="fixed-header">
<div id="header">
<div class="row">
<div class="col-md-2">
<div id="header_logo">
<img src="image/EFlogo.jpg" id="logo"/>
</div><!-- header_logo -->
</div> <!-- col-md-2 -->
<div class="col-md-10">
<div id="header_text">
<h1><center>Ecological Footprint Analysis</center></h1>
</div> <!-- header_text -->
<div id="menubar">
<ul id="menu">
<!-- setting bootstrap grid for menu -->
<div class="col-md-2">
<li><a href="index.html">Home</a></li>
</div>
<div class="col-md-2">
<li class="selected"><a href="DeficitReserve.html">Deficit</a></li>
</div>
<div class="col-md-2">
<li><a href="Trend.html">Trend</a></li>
</div>
<div class="col-md-2">
<li ><a href="Land.html">Land</a></li>
</div>
<div class="col-md-2">
<li><a href="HDI.html">HDI</a></li>
</div>
</ul><!-- menu -->
</div><!-- menubar -->
</div><!-- col-md-10-->
</div><!-- row -->
</div><!-- header -->
</div><!--fixed header-->
<div id="content" style="background-image: url('image/Forest.jpg'); background-repeat: no-repeat; background-size: cover;">
<div class="col-md-2"></div>
<div class="col-md-10">
<h3>Deficit/Reserve</h3>
<p> The following graph shows the information about the deficits (the ecological footprint consumption exceeds the biocapacity) and reserves (ecological footprint consumption does not exceed the biocapacity) of different countries in the world.</p>
</br>
<h4>Select Year:</h4>
<h4 class="year1"></h4>
<div id="slider1"></div>
<div id="geo-map-deficit"></div>
<p>As can be seen from the geographical map, the two continents with a high number of countries experiencing ecological deficits are Europe and Asia. In recent years, the main area of the deficits has been Middle East Asia where has seen a high consumption of natural resources in United Arab Emirates, Iran, Saudi Arabia and Qatar. It is worthwhile that the majority of deficited countries belong to High-Income group. The United States and China, the two largest economies in the world, have been also experiencing the ecological deficit. The area with the best reserve of the biocapacity is South America.</p>
</br>
<h3>Deficit/Reserve Rate</h3>
<p>Besides the total amount of the ecological deficit/reserve, it is important to be aware of the level that the ecological footprint consumption exceeds the biocapacity. The below geographical map shows their difference as propotion of the biocapacity.</p>
</br>
<h4>Select Year:</h4>
<h4 class="year2"></h4>
<div id="slider2"></div>
<div id="geo-map-percentage"></div>
<p>According to the graph, the countries with highest rates of ecological deficits are Saudi Arabia, UAE, Iraq, Japan and South Korea. The deficit percentage that the ecological footprint exceeds the biocapacity in these countries ranges from 700% to 1300% which is a considerable amount. South America and Africa are two regions that have greatest reserve rates of the biocapacity.</p>
</div> <!-- col-md-10-->
</div><!-- content -->
<div id="copywrite">
COPYWRITE ©
<script>
var d = new Date(); document.write(d.getFullYear());
</script> |
<a href="https://github.com/hieu2695/Ecological_Footprint" target="_blank">GitHub</a> |
<a href="https://zenodo.org/record/3755079" target="_blank">Zenodo</a>
</div><!--footer-->
</div><!-- main -->
<!-- Custom JS -->
<script src="js/main5.js"></script>
<script src="js/main.js"></script>
</body>
</html>