dotmaps/index.html at gh-pages · sarah37/dotmaps · GitHub

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
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Generalised Dot Maps</title>
		<link rel="stylesheet" href="style.css">
		<script src="https://d3js.org/d3.v4.min.js"></script>
		<script src="https://d3js.org/topojson.v1.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/3.13.1/math.min.js"></script>
		<script src="betterDots.js"></script>
	</head>
<body>

<div id="infoDiv">
	<h1>Generalised Dot Maps</h1>
	<h3>Notes</h3>
	The dataset used here is a list of all Starbucks stores worldwide (<a href="https://www.kaggle.com/starbucks/store-locations">Source</a>). I modified it to only contain unique locations (removing all stores whose location is already occupied by another store), since coincident locations (currently) lead to errors. A (slower) version that has a couple of options to visualise the underlying algorithm can be found <a href="https://sarah37.github.io/dotmaps/test">here</a>.
	<h3>Dot value: <span id="dotvalue"></span></h3>
</div>

<div id="mapDiv">
	<div id="tooltip" class="hidden"></div>
</div>

<script type="text/javascript" src="map.js"></script>

</body>
</html>