From 891ee8fbe399a737eda299150d991178ad99880c Mon Sep 17 00:00:00 2001
From: Rushikesh Padsala <rushikesh.padsala@hft-stuttgart.de>
Date: Mon, 29 May 2023 14:44:33 +0000
Subject: [PATCH] Added Chart.js to Leaflet.js

---
 Exercise 1/index.html | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)
diff --git a/Exercise 1/index.html b/Exercise 1/index.html
index 74b469c..ad492cd 100644
--- a/Exercise 1/index.html	
+++ b/Exercise 1/index.html	
@@ -1,7 +1,5 @@
 <html>
-
 <head>
-
     <title>Building - Heat Demand</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -11,10 +9,10 @@
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
         integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
         crossorigin=""></script>
-     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>    
+     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>   
     <script src="building_data.js"></script>
     <link rel="stylesheet" href="index.css">
-    	    <style>
+	    <style>
         body {
             display: flex;
             flex-direction: row;
@@ -34,15 +32,16 @@
         }
     </style>
 </head>
-
 <body>
-        <div id="map-container">
+    <div id="map-container">
         <div id="mapid"></div>
     </div>
     <div id="chart-container">
         <canvas id="yocChart"></canvas>
     </div>
-    <script>
+	
+
+	    <script>
         var mymap = L.map('mapid').setView([48.79205, 9.20758], 16);
         var OpenStreetMap_DE = L.tileLayer('https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png', {
             maxZoom: 18,
@@ -91,7 +90,10 @@
             onEachFeature: onEachFeature,
             style: style,
         }).addTo(mymap);
-        // Retrieve the building year of construction data from the GeoJSON
+	
+
+		
+		// Retrieve the building year of construction data from the GeoJSON
 var buildingYoc = building_data.features.map(function(feature) {
   return feature.properties.Year_of_co;
 });
@@ -146,12 +148,6 @@ var yocChart = new Chart(ctx, {
   }
 
 });
-    </script>
-
-
-
-
-
+</script>
 </body>
-
 </html>
-- 
GitLab

