Datart/test2.html at main · kimjee8955/Datart · 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
<!DOCTYPE html>
<html>
<head>
	<title>World Covid Map</title>
	<meta charset="utf-8" />

	<!-- style sheets -->
	<link rel="stylesheet" href="css/test2.css">

	<!-- leaflet -->
	<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
	<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>

	<!-- jquery -->
	<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

	<!-- papaparse for csv data -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.3.0/papaparse.min.js"></script>

     <!-- classy brew -->
	<script src="js/classybrew.js"></script>

    <!-- apex charts -->
	<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>

</head>
<body>

	<div class="header">
		Covid Confirmed Cases by Country
	</div>
	<div class="sidebar">

	</div>
	<div class="content">
		<div id="map"></div>
	</div>

	<script src="js/test2.js"></script>

    <!--Choropleth Map-->
	<div class="Choromap_info">
		<h2>Choropleth Map</h2>
		<p >This map shows the number of public art pieces per neighborhood in the LA county, along with an interactive bar chart to show the progression of art over time for each neighborhood.</p>
	</div>

	<div class="dashboard">
		<h3 class="map2_info"><b>Art Pieces by Decade Data</b></h3>
		<p class="map2_info">To get started, hover on any county and data about it will appear here!</p>
	</div>

    <div class="Chorocontent">
		<div id="choromap"></div>
	</div>

	<script src="js/test3.js"></script>

</body>
</html>