-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
34 lines (32 loc) · 1.97 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
<!doctype html>
<html>
<head>
<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>
<meta charset="utf-8">
<meta name="description" content="">
<title>Who Knows</title>
<!-- Bootstrap -->
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> -->
<!-- Custom styling -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Bootstrap grid setup -->
<!-- <div style = "background-color:yellowgreen", id = "chart-area"></div> -->
<h1> Visualizing Singapore's Green Space </h1>
<p> The polygon in this layer represents the indicative Managed Areas of Parks which are currently under the purview of NParks. Includes the reserve boundary of Bukit Timah Nature Reserve, Central Catchment Nature Reserve, Labrador Nature Reserve and Sungei Buloh Wetland Reserve, and other parklands managed by NParks. </p>
<svg id="svg-singapore" width = "100%" height = "600px"></svg>
<svg id="svg-parks" width = "100%" height = "600px"></svg>
<!-- External JS libraries -->
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src='https://unpkg.com/@turf/turf@6/turf.min.js'></script>
<script src='https://unpkg.com/[email protected]/dist/jsts.min.js'></script>
<!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> -->
<!-- Custom JS -->
<script src="js/main.js"></script>
</body>
</html>