From 2db78e5fa865eb8e1f55495cf75be1fb8a375861 Mon Sep 17 00:00:00 2001
From: TripleYei <58819156+TripleYei@users.noreply.github.com>
Date: Wed, 15 Nov 2023 20:38:42 +0100
Subject: [PATCH] Update 2023-11-15-data_visualization.markdown

---
 _posts/2023-11-15-data_visualization.markdown | 50 ++++++++++++++++++-
 1 file changed, 49 insertions(+), 1 deletion(-)
diff --git a/_posts/2023-11-15-data_visualization.markdown b/_posts/2023-11-15-data_visualization.markdown
index 675c946..60b4940 100644
--- a/_posts/2023-11-15-data_visualization.markdown
+++ b/_posts/2023-11-15-data_visualization.markdown
@@ -74,7 +74,7 @@ Pie Charts
   	}
   </style>
 
-<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
 
 <script>
   const ctx = document.getElementById('myChart');
@@ -148,3 +148,51 @@ Bar Charts
 </body>
 </html>
 ~~~~
+
+Line Graphs 
+
+~~~~
+
+<!DOCTYPE html>
+<html>
+<head>
+	<title></title>
+</head>
+<body>
+	
+  <canvas id="myChart"></canvas>
+  <style>
+  	canvas{
+  		width: 100%;
+  		max-width: 700px;
+  	}
+  </style>
+
+  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+
+<script>
+  const ctx = document.getElementById('myChart');
+
+  new Chart(ctx, {
+    type: 'line',
+    data: {
+      labels: ['HTML', 'CSS', 'JS'],
+      datasets: [{
+        label: '# of Votes',
+        data: [12, 19, 3],
+        borderWidth: 1
+      }]
+    },
+    options: {
+      scales: {
+        y: {
+          beginAtZero: true
+        }
+      }
+    }
+  });
+</script>
+</body>
+</html>
+~~~~
+
