-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patheducation.html
135 lines (130 loc) · 6.78 KB
/
education.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
135
<!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(Education)</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 ><a href="overview.html">Overview</a></li>
<li ><a href="military.html">Military</a></li>
<li ><a href="healthcare.html">Healthcare</a></li>
<li class="selected"><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">Total spending</a></li>
<li><a href="#pic2">Per capita data compare to GDP</a></li>
<li><a href="#pic3">Spending Growth</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>Education Spending Analysis</h1>
<h2 id="pic1">Education spending in absolute value</h2>
<div id="Education_spending_div" style="width:750px; height:430px;"></div>
<h4>
This bar plot illustrates the total healthcare spending in the 10 countries.
<li>The United States dominates other countries over education spending throughout the sample period. </li>
<li>Total education spending keep rising for most of the years in the United States, China and India, though the increases are
relatively small in India. </li>
<li>In Japan, the total education spending has been decreased significantly since 2012, though there is a slight rebound in 2016. </li>
</h4>
<h2 id="pic2">Per capita dducation spending compare to per capita GDP</h2>
<div id="education_gdp_pp_div" style="width:750px; height:500px;"></div>
<h4>
This graph shows per capita education spending in comparison with per capita GDP of the six years.
<li> Again, the United States still ranked first. </li>
<li>Canada's per capita is at the same level of the United State.</li>
<li>Germany, France and UK following closely. </li>
</h4>
<h2 id="pic3">Education spending growth (2011-2016)</h2>
<div id="Education_growth_div" style="width:700px; height:600px"></div>
<h4>
Education spending growth in absolute value and in percentage are shown on the same plot.
<li>China, as a fast-growing emerging market economy, grow at the fastest speed in educational development measured by both absolute values of growth
and growth rate. </li>
<li>The biggest loser in education expansion during 2011-2016 is Japan. Its total education spending shrinks by more than 20% by the
end of 2016. </li>
<li>Followed by Brazil, where the growth rate is -19%. </li>
</h4>
<script src="js/education.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>