-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (86 loc) · 3.73 KB
/
index.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
<!DOCTYPE HTML>
<html>
<head>
<title>G20 Country Spending (Overview)</title>
<meta name="description" content="website description" />
<meta name="keywords" content="website keywords, website keywords" />
<meta http-equiv="content-type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="index.css" title="style" />
<script type="text/javascript"
src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript"
src="index.js"></script>
</head>
<body>
<div id="main">
<div id="header">
<div id="logo">
<div id="logo_text">
<h1><a href="index.html">Spending Behavier<span class="logo_color"> </br> - 10 Countries of G20</span></a></h1>
</div>
</div>
<div id="menubar">
<ul id="menu">
<li class="selected"><a href="index.html">Overview</a></li>
<li><a href="Education.html">Education</a></li>
<li><a href="Healthcare.html">Healthcare</a></li>
<li><a href="Military.html">Military</a></li>
<li><a href="GDP.html">Impact of GDP</a></li>
</ul>
</div>
</div>
<div id="site_content">
<div class="sidebar">
<h3>Designer</h3>
<h4>HungChun Lin</h4>
<h5>Data Science Program
</br>Columbian College of Arts and Sciences</br>George Washington University</h5>
<h5><a href="hungchun_lin@gwu.edu">hungchun_lin@gwu.edu</a></h5>
<p>This website is my first project for visualizing the complex data<br /></p>
<h5>Instructor: Dr. Nima Zahadat</h5>
<h3>Resourse Links</h3>
<ul>
<li><a href="https://www.worldbank.org/">World Bank</a></li>
<li><a href="https://developers.google.com/chart/interactive/docs/gallery">Google Gallery</a></li>
<li><a href="https://www.data.gov/">Government Datasets</a></li>
<li><a href="https://www.kaggle.com/">Kaggle Datasets</a></li>
<li><a href="https://www.plot.ly/">Plotly</a></li>
</ul>
</div>
<div id="content">
<h1>Introduction of G20</h1>
<p>The G20 (or Group of Twenty) is an international forum for
the governments and central bank governors from 19 countries and
the European Union (EU). G20 was been founded in 1999 with
the aim to discuss policy pertaining to the promotion of international
financial stability, it has expanded its agenda since 2008 and heads of
government or heads of state, as well as finance ministers and foreign
ministers, have periodically conferred at summits ever since. It seeks to
address issues that go beyond the responsibilities of any one organization.
(Source: Wikipedia) </p>
</br>
<p>The members of G20 are the countries from G7 (USA, UK, France, Germany,
Italy, Canada, Japan), BRICS (China, India, Brazil, Russia, South Africa)
and seven important economies (Australia, Mexico, Republic of Korea, Turkey,
Indonesia, Saudi Arabia, Argentina)</p>
</br>
<h6>Website of G20 : <a href="https://g20.org/en/">G20 Org</a></h6>
<br /><br /><br />
<!--Google API-->
<div class="graph">
<div class="image_description">The G20 Countries spread with their population (2018)</div>
<div id="G20Population"
style="width:600px; height:300px;"></div>
<br /><br /><br /><br /><br /><br />
<div id="Spreading_div"
style="width:700px; height:400px;"></div>
</div><!--Google API-->
</div><!--content-->
</div><!--site_content-->
<div id="content_footer"></div>
<div id="footer">
Copyright © <script>var d = new Date(); document.write(d.getFullYear());</script>
</div>
</div><!--main-->
</body>
</html>