-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
128 lines (128 loc) · 4.83 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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Wikidata Map Interface</title>
<link rel="stylesheet" href="blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="blueprint/print.css" type="text/css" media="print">
<!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
<style type="text/css">
h1 { color: white; margin: 1em 0em 1em 0em }
h2 { color: white }
h3 { color: white }
body { color: white; background-color: black }
a { color: white }
a:link { color: white }
a:visited { color: white }
a:hover { color: white }
a:active { color: white }
p { margin: 1em 0em 1em 0em }
</style>
</head>
<body>
<div class="container">
<div class="span-24 last">
<h1>Wikidata Map Interface</h1>
</div>
<div class="span-24 last">
<p>
This is a map of all
<a href="https://www.wikidata.org">Wikidata</a>
items with geo-information, and overlayed graphs
connecting them.
</p>
<p>
The map is completely created in your browser.
This has the advantage that the map is interactive, you can zoom into it, change colors,
and see for every point what item it is and link to it.
But it has the major disadvantage that it requires some heavy resources.
<strong>This link may crash your browser.</strong>
Use a reasonably fast machine, a current browser with a good JavaScript engine,
and be patient while loading the data — your browser is loading more than
25 MB of data and processing it via JavaScript into an HTML5 Canvas.
</p>
<p>
The data is created daily. Since the creation of the dump and the generation of the
map takes a while, the data is usually about two to three days old.
</p>
<p>
By clicking on details, you can highlight different subgraphs and change their
colors. You can also hide the underlying points.
</p>
<p>
The map can be used to see the status of Geodata in Wikidata, to spot outliers and
probable errors, to see what is still missing and where more work is required.
</p>
<p>
The map is dedicated to the completely awesome Wikidata community! This is a small
result from their amazing work, and the work they are doing can hardly be overestimated.
Thus all results here are put into the public domain.
</p>
<p>
<div style="font-size:400%; text-align:center;">
<a href="map.html" target="_blank">Click here to show map</a>
</div>
</p>
<h2>
Example maps
</h2>
<p>
Based on data from early July 2013.
Explanations below the respective image.
The maps contain errors and omissions &emdash;
they are simply based on the state of the
<a href="https://www.wikidata.org">Wikidata</a>
data.
If you find errors, you are invited to go to
<a href="https://www.wikidata.org">Wikidata</a>
and correct them.
</p>
<img id="map" src="examples/italy-bordering.png" width="1084" height="648" />
<p>
A map of Italy showing the
<a href="https://www.wikidata.org/wiki/Property:P47"><i>shared border with</i></a>
property, leading to triangles layering over Italy. Imagine drawing a line from each
Italian community to every other that has a border with it - that is what you see here.
</p>
<img id="map" src="examples/borders-with.png" width="1379" height="606" />
<p>
The same map for the whole world: all countries, provinces, and states, and what they
<a href="https://www.wikidata.org/wiki/Property:P47"><i>border with</i></a>.
</p>
<img id="map" src="examples/us-states.png" width="1186" height="600" />
<p>
A map of the United States showing all
<a href="https://www.wikidata.org/wiki/Property:P131"><i>in region</i></a>
connections, basically leading to the places connected with their respective US state.
So every US State is represented by a star.
</p>
<img id="map" src="examples/japan-provinces.png" width="875" height="528" />
<p>
The same map for Japan, showing all
<a href="https://www.wikidata.org/wiki/Property:P131"><i>in region</i></a>
connections.
</p>
<img id="map" src="examples/countries.png" width="1293" height="591" />
<p>
A map of the whole world, using the
<a href="https://www.wikidata.org/wiki/Property:P17"><i>country</i></a>
property. Every country is a star, as each country is represented by one point and all
the other geographical features point to that point.
</p>
<img id="map" src="examples/berlin-subway.png" width="1000" height="522" />
<p>
A map of Berlin showing the
<a href="https://www.wikidata.org/wiki/Property:P197"><i>adjacent station</i></a>
property, i.e. the public transport stations and how they are connected.
</p>
<footer>
<p>
The Wikidata map was created 2013 by
<a href="http://denny.vrandecic.de">Denny Vrandečić</a>.
All data, images, and code are in the public domain.
</p>
</footer>
</div>
</div>
</body>
</html>