-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
207 lines (189 loc) · 10.4 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
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<head>
<meta charset="utf-8"/>
<!-- Plotly.js -->
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
<!-- Plotly chart will be drawn inside this DIV -->
<center>
<div id="myDiv1", text-align="center">
<p style="margin-left: 10vw;margin-right: 10vw;font-family:Courier New, monospace; font-size:16"> This depicts the number of home broadband subscribers per 100 people. As we can see, Western Europe, North America, Australia, China, South Korea, and Japan far outpace the rest of the world, with a couple outliers found in the least populous countries. Additionally, the South American country of French Guyana counts as France for the purposes of the World Bank accounting. Notice how small, rich countries like Israel and the UAE have access rates at or above their more developed counterparts. Data was sourced from the World Bank and collected in 2017.</p>
</div>
<div id="myDiv2"></div>
<p style="margin-left: 10vw;margin-right: 10vw; font-family:Courier New, monospace; font-size:16"> We see a slightly different scenario when it comes to cell phone subscriptions. The poorest countries (i.e. Sub-Saharan Africa) still lack connectivity, but developing economies tend to favor cell phone over fixed broadband service. This is likely due to the marginal costs of laying copper/fiber being much higher than using the equivalent wireless technology. Data was sourced from the World Bank and collected in 2017.</p> <a style="font-family:Courier New, monospace; font-size:16"href="http://wndw.net/"> Source </a>
<div id="myDiv3"></div>
<p style="margin-left: 10vw;margin-right: 10vw;font-family:Courier New, monospace; font-size:16"> The contrast between poor and rich countries is very evident when we look at the number of internet-connected servers per person, with Western Europe taking the obvious lead. Interestingly, some unexpected countries appear like Peru, South Africa, and New Zealand precisely because they are conveniently located with respect to undersea cables that form the 'back-bone' of the internet. Data was sourced from the World Bank and collected in 2017.</p><a style="font-family:Courier New, monospace; font-size:16"href="http://submarinecablemap.com/" > Source </a>
<div id="myDiv5"></div>
<p style="margin-left: 10vw;margin-right: 10vw;font-family:Courier New, monospace; font-size:16"> MAC Addresses are globally unique identifiers for every internet-connected device. They serve as the physical address for your wifi radio, ethernet port, or bluetooth chip so that your traffic does not arrive on someone else's device. As we can see, many countries have zero registered manufacturers with China and the US taking the bulk of the assignments. This is not a lack of data, but an authoritaive list provided by the IEEE, collected in 2019. </p>
<a style="font-family:Courier New, monospace; font-size:16"href="https://standards.ieee.org/products-services/regauth/index.html" > Source </a>
<div id="myDiv6"></div><p style="margin-left: 10vw;margin-right: 10vw;font-family:Courier New, monospace; font-size:16"> IXPs, or Internet Exchange Points are co-location buildings where different content providers and network providers meet. This is where Netflix meets Facebook meets your cellular provider. In many cases, these buildings are located near ports so as to accomodate the fiber 'back-bone' of the Internet. As you can see, this corroborates the data above.</p>
<a style="font-family:Courier New, monospace; font-size:16"href="https://en.wikipedia.org/wiki/List_of_Internet_exchange_points" > Source </a>
<div id="myDiv4"></div>
<p style="margin-left: 10vw;margin-right: 10vw; font-family: Courier New, monospace; font-size:16"> The net result of this is an Internet infrastructure that makes us consumers more than creators, in which China exporting more than twice the next country and many countries are not exporting any high tech products. This data was sourced from the World Bank and collected in 2017. Despite the ubiquity of the Internet across the world, the hierharchical model that we've inherited is fundamentally broken. Imagine a world in which the Internet was truly decentralized. </p>
<p style="margin-left: 10vw;margin-right: 10vw;font-family: Courier New, monospace; font-size:16"> Imagine a world where users produced their own content, hosted it on computers hosted in their city, shared it with their neighbors and monetized the content locally. The good news is that world is possible. To read more about this globe-spanning open-source project, checkout </p><a style="font-family:Courier New, monospace; font-size:16"href="https://librerouter.org/"> LibreRouter.org </a>
</center>
<script>
Plotly.d3.csv('InternetIndicators.csv', function(err, rows){
function unpack(rows, key) {
return rows.map(function(row) { return row[key]; });
}
var data1= [{
type: 'choropleth',
locationmode: 'country names',
locations: unpack(rows, 'Country'),
z: unpack(rows, 'Broadband'),
text: unpack(rows, 'Country'),
//autocolorscale: true
colorscale: 'Portland',
text: []
}];
var layout1 = {
title: 'Broadband Subscribers per 100 People',
font: {
family: 'Courier New, monospace',
size: 18,
color: '#7f7f7f'
},
autosize: false,
height: 540,
width: 990,
geo: {
projection: {
type: 'Mercator'
},
}
};
var data2= [{
type: 'choropleth',
locationmode: 'country names',
locations: unpack(rows, 'Country'),
z: unpack(rows, 'Cells'),
text: unpack(rows, 'Country'),
//autocolorscale: true
colorscale: 'Portland'
}];
var layout2 = {
title: 'Cell Phone Subscriptions per 100 People',
font: {
family: 'Courier New, monospace',
size: 18,
color: '#7f7f7f'
},
autosize: false,
height: 540,
width: 990,
geo: {
projection: {
type: 'Mercator'
},
}
};
var data3= [{
type: 'choropleth',
locationmode: 'country names',
locations: unpack(rows, 'Country'),
z: unpack(rows, 'Servers'),
text: unpack(rows, 'Country'),
//autocolorscale: true
colorscale: 'Portland'
}];
var layout3 = {
title: 'Internet Connected Servers per 10 Thousand People',
font: {
family: 'Courier New, monospace',
size: 18,
color: '#7f7f7f'
},
autosize: false,
height: 540,
width: 990,
geo: {
projection: {
type: 'Mercator'
}
}
};
var data4= [{
type: 'choropleth',
locationmode: 'country names',
locations: unpack(rows, 'Country'),
z: unpack(rows, 'Exports'),
text: unpack(rows, 'Country'),
//autocolorscale: true
colorscale: 'Portland'
}];
var layout4 = {
title: 'High Tech Exports in 2017 USD',
autosize: false,
height: 540,
width: 990,
font: {
family: 'Courier New, monospace',
size: 18,
color: '#7f7f7f'
},
geo: {
projection: {
type: 'Mercator'
}
}
};
var data5= [{
type: 'choropleth',
locationmode: 'country names',
locations: unpack(rows, 'Country'),
z: unpack(rows, 'mac.addresses'),
text: unpack(rows, 'Country'),
//autocolorscale: true
colorscale: 'Portland'
}];
var layout5 = {
title: 'Unique Mac Address Blocks as Assigned by the IEEE',
font: {
family: 'Courier New, monospace',
size: 18,
color: '#7f7f7f'
},
autosize: false,
height: 540,
width: 990,
geo: {
projection: {
type: 'Mercator'
},
}
};
var data6= [{
type: 'choropleth',
locationmode: 'country names',
locations: unpack(rows, 'Country'),
z: unpack(rows, 'IXP'),
text: unpack(rows, 'Country'),
//autocolorscale: true
colorscale: 'Portland'
}];
var layout6 = {
title: 'Internet Exchange Points per Country',
autosize: false,
height: 540,
width: 990,
font: {
family: 'Courier New, monospace',
size: 18,
color: '#7f7f7f'
},
geo: {
projection: {
type: 'Mercator'
}
}
};
Plotly.plot(myDiv1, data1, layout1, {showLink: false});
Plotly.plot(myDiv2, data2, layout2, {showLink: false});
Plotly.plot(myDiv3, data3, layout3, {showLink: false});
Plotly.plot(myDiv4, data4, layout4, {showLink: false});
Plotly.plot(myDiv5, data5, layout5, {showLink: false});
Plotly.plot(myDiv6, data6, layout6, {showLink: false});
});
</script>
</body>