data-visualization/map-geographic.html at main · omar-nav/data-visualization · 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
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
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Geographic Map: WhatsApp Users</title>
    <meta charset="UTF-8" />
    <link
      rel="stylesheet"
      href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css"
      integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA=="
      crossorigin=""
    />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
    />
    <link rel="stylesheet" href="styles/navbar.css" />
    <link rel="stylesheet" type="text/css" href="styles/map.css" />
    <script
      src="https://unpkg.com/leaflet@1.3.4/dist/leaflet.js"
      integrity="sha512-nMMmRyTVoLYqjP9hrbed9S+FzjZHW5gY1TWCHA5ckwXZBadntCNs8kEqAWdrb9O7rxbCaA4lKTIWjDXZxflOcA=="
      crossorigin=""
    ></script>
  </head>

  <body>
    <nav id="navbar">
      <ul class="horizontal">
        <li>
          <a href="home-network-graph.html">CSP Cloud Parternships</a>
        </li>
        <li>
          <a href="map-geographic.html" class="active">WhatsApp Users Map</a>
        </li>
        <li>
          <a href="secure-servers-map.html">Secure Servers Map</a>
        </li>
        <li>
          <a href="scatter-charts.html">Original Content & Ratings</a>
        </li>
        <li>
          <div class="dropdown">
            <button class="dropbtn">
              <li>Phone Subscriptions</li>
              <i class="fa fa-caret-down"></i>
            </button>
            <div class="dropdown-content">
              <a href="fixed-subscriptions-map.html"
                >Fixed Telephone Subscriptions Map</a
              >
              <a href="cell-subscriptions-map.html">Cell Subscriptions Map</a>
              <a href="line-graphs.html">Subscriptions</a>
            </div>
          </div>
        </li>
      </ul>
    </nav>
    <div id="mapid"></div>
    <script src="datasets/TopTenWhats.js" type="text/javascript"></script>
    <script src="scripts/map.js"></script>
  </body>
</html>