-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoverview.html
134 lines (129 loc) · 6.59 KB
/
overview.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
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style/style1.css" title="style" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<title>Visualization on Top GDP countries(Overview)</title>
</head>
<body>
<div id="main">
<div id="header">
<div id="logo">
<div id="logo_text">
<h1><a href="index.html">Visualization </a></h1>
<h2>Military | Healthcare | Education
<div>Expenditure for Top GDP countries</div>
</h2>
</div>
<!-- logo_text -->
</div>
<!-- logo -->
<div id="menubar">
<ul id="menu">
<li ><a href="index.html">Home</a></li>
<li class="selected"><a href="overview.html">Overview</a></li>
<li ><a href="military.html">Military</a></li>
<li ><a href="healthcare.html">Healthcare</a></li>
<li ><a href="education.html">Education</a></li>
<li ><a href="prediction.html">Prediction & Summary</a></li>
</ul>
<!-- menu -->
</div>
<!-- menubar -->
</div>
<!-- header -->
<div id="site_content">
<div class="sidebar">
<div class="scrollingBox">
<script src="js/scrollingbox.js">
</script>
<ul class="local">
<li><a href="#header">Back to Top</a></li>
<li><a href="#pic1">Spendings compare to GDP</a></li>
<li><a href="#pic2">Education compare to Military</a></li>
<li><a href="#pic3">Healthcare compare to Military</a></li>
</ul>
<h4>Useful Source</h4>
<ul class="outer">
<li><a href="https://data.worldbank.org/indicator/MS.MIL.XPND.GD.ZS" target="_blank">World Bank Data(Military)</a></li>
<li><a href="https://data.worldbank.org/indicator/SH.XPD.CHEX.GD.ZS" target="_blank">World Bank Data(Healthcare)</a></li>
<li><a href="https://data.worldbank.org/indicator/NY.ADJ.AEDU.CD" target="_blank">World Bank Data(Education)</a></li>
<li><a href="https://www.imf.org/external/datamapper/NGDP_RPCH@WEO/OEMDC/ADVEC/WEOWORLD" target="_blank">International Monetary Fund(IMF)</a></li>
<li><a href="https://developers.google.com/chart/interactive/docs" target="_blank">Google Gallery</a></li>
<li><a href="https://www.w3schools.com/" target="_blank">W3 Schools</a></li>
</ul>
</div>
</div>
<!-- sidebar -->
<div id="content">
<h1>Overview of Spendings and GDP</h1>
<h2 id="pic1">Spendings(sum of education, healthcare and military) compare to GDP</h2>
<div id="GDP_spending_div" style="width:700px; height:480px"></div>
<h4>
This plot shows each countries total spendings (sum of education, healthcare and
military) as a percentage of GDP.
<li>The United States' spendings are around 25% of the countries GDP, which is much larger than the other countries.</li>
<li>The reset developed countries' expenditures are all over 13%. </li>
<li>India and China, two developing countries' ratios, are the lowest, less than 10%.</li>
<li>The most significant increase is Brazil, only 2.58%. </li>
<li>This ratio does not change a lot from the year 2011 to 2016.</li>
</h4>
<h2 id="pic2">Education compare to military</h2>
<div id="health_military_div" style="width:700px; height:480px"></div>
<h2 id="pic3">Healthcare compare to military</h2>
<div id="education_military_div" style="width:700px; height:500px"></div>
<h4>
Compare education spending and healthcare spending to military spending
separately. The higher the ratio, the less the country focus on military
spending.
<li>Japan, Germany, Canada, and Brazil are four top countries focus
their expenditures on healthcare and education. </li>
<li>India and China all have low ratios in these two graphs, which
indicate, these two countries are still focus on military spendings. </li>
<li>The United State's ratio is only a little bit higher than in India and China. </li>
</h4>
<script src="js/overview.js"></script>
<!--Google API-->
</div>
<!-- content -->
</div>
<!-- site_content -->
<div id="contact">
<div class="left">
<h3>Contact us</h3>
<h4> Author: Chen Chen
<div><a href="mailto:[email protected]">[email protected]</a></div>
<div>Github:<a href=https://github.com/ChenChenDS target="_blank">www.github.com/ChenChenDS</a></div>
<div>Linkedin:<a href=https://www.linkedin.com/in/chenchends target="_blank">www.linkedin.com/in/chenchends</a></div>
</h4>
</div>
<div class="right">
<h4>George Washington University
<div>Data Science Program</div>
<div>Washington D.C.</div>
<div>Instructor: Nima Zahadat, Ph.D.</div>
</h4>
</div>
</div>
<div id="footer">
<p> Copyright ©
<script>
var d = new Date();
document.write(d.getFullYear());
</script>
| HTML5 | CSS3 | CC</p>
</div>
<!-- footer -->
</div>
<!-- main -->
</body>
</html>