-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
100 lines (84 loc) · 4.58 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
100
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<link rel="stylesheet" type="text/css" href="css/magicsuggest-min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bubbles.css?v=2">
<link rel="stylesheet" type="text/css" href="css/tipsy.css">
<title>Global Information Technology Report</title>
</head>
<body>
<div class="container">
<div class="row">
<div id="toggles" class="col-md-4 btn-group">
<button type="button" class="btn btn-default global" data-view="global">Global</button>
<button type="button" class="btn btn-default region" data-view="region">Region</button>
<button type="button" class="btn btn-default incomegroup" data-view="incomegroup">Income group</button>
</div>
<div id="years" class="col-md-3 btn-group">
<button type="button" class="btn btn-default 2012" data-view="2012">2012</button>
<button type="button" class="btn btn-default 2013" data-view="2013">2013</button>
<button type="button" class="btn btn-default 2014" data-view="2014">2014</button>
</div>
<div class="col-md-5 btn-group pull-right">
<input id="countries" class="form-control" name="countries[]" style="height: auto;"/>
</div>
</div>
<p>
<small><strong>How to read this chart:</strong> Each circle on this graph represents a country. The size of the
circle shows the
population size. The color of each circle and their position on the X shows the value of the metric being
displayed
</small>
</p>
<div class="row">
<h2><span id="chart-title">Networked Readiness Index (1-7)</span>
<div id="metrics" class="col-md-3 dropdown pull-right">
<button class="btn dropdown-toggle btn-primary" type="button" id="dropdownMenu1" data-toggle="dropdown">
Select metric
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
</ul>
</div>
</h2>
<svg id="chart"></svg>
</div>
<h1>Global Information Technology Report</h1>
<p>This year marks the 13th edition of the Global Information Technology Report, which provides a comprehensive
assessment of networked readiness, or how prepared an economy is to apply the benefits of information and
communications technology (ICT) to promote economic growth and well-being. Using updated methodology that was
introduced in 2012, the report ranks the progress of 148 economies in leveraging ICT to increase productivity,
economic growth and the number of quality jobs. The rankings also show how far some countries have gone in
bridging the digital divide – not only in terms of developing ICT infrastructure, but also in terms of economic
and social impact – and highlight the main strengths and weaknesses countries are facing. This edition also
analyses in detail the rewards and risks associated with big data and what public and private organizations must
do to benefit from it. The report remains the most comprehensive and authoritative international assessment of
its kind.</p>
<small>Source: <a href="http://www.weforum.org/issues/global-information-technology" target="_blank">World Economic
Forum</a></small>
</div>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery.tipsy.js"></script>
<script src="js/jszip.min.js"></script>
<script src="js/d3.min.js"></script>
<script src="js/queue.v1.min.js"></script>
<script src="js/magicsuggest-min.js"></script>
<script src="js/dropdown.js"></script>
<script type="text/javascript" src="js/jszip-utils.min.js"></script>
<!--[if IE]>
<script type="text/javascript" src="js/jszip-utils-ie.min.js"></script>
<![endif]-->
<script src="js/bubbles.js?v=4"></script>
<img id="screenshot" src="data/screenshot.png" width="400">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-9207806-5', 'baboonit.be');
ga('send', 'pageview');
</script>
</body>
</html>