Update 2023-11-15-data_visualization.markdown

TripleYei · Nov 15, 2023 · 2db78e5 · 2db78e5
1 parent 09993d4
commit 2db78e5
Showing 1 changed file with 49 additions and 1 deletion.
diff --git 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>
+~~~~
+