From 56a6402beb5f117b82b44bdcd6532634aa176721 Mon Sep 17 00:00:00 2001
From: gabrielkheisa <gabrielkheisa@gmail.com>
Date: Wed, 16 Nov 2022 14:30:12 +0700
Subject: [PATCH] add graph

---
 graph.html | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 graph.html
diff --git a/graph.html b/graph.html
new file mode 100644
index 0000000..fda21f5
--- /dev/null
+++ b/graph.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
+<body>
+<canvas id="myChart" style="width:100%;max-width:600px"></canvas>
+
+<script>
+var xValues = [1,2,4,8,16,32,64];
+var data = [227.454, 115.605, 60.774, 30.498, 26.556, 24.960, 24.707];
+var d_data = [];
+
+var i = 1;
+
+while(i < data.length){
+	d_data[i] = data[i+1] - data[i];
+	i++;
+}
+
+/*
+1 Thread: 227.454 sec
+2 Thread: 115.605 sec
+4 Thread: 60.744 sec
+8 Thread: 30.498 sec
+16 Thread: 26.556 sec
+32 Thread: 24.960 sec
+64 Thread: 24.707 sec
+*/
+
+
+new Chart("myChart", {
+  type: "line",
+  data: {
+    labels: xValues,
+    datasets: [{ 
+      data: data,
+      borderColor: "black",
+      fill: false
+    }, { 
+      data: d_data,
+      borderColor: "green",
+      fill: false
+    }, { 
+      data: [300,700,2000,5000,6000,4000,2000,1000,200,100],
+      borderColor: "blue",
+      fill: false
+    }]
+  },
+  options: {
+    legend: {display: false}
+  }
+});
+</script>
