diff --git a/dashboard.html b/dashboard.html
new file mode 100644
index 0000000..67b6021
--- /dev/null
+++ b/dashboard.html
@@ -0,0 +1,72 @@
+<html> 
+
+	<head>
+		
+		<title> Dashboard </title>
+		<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
+		<script type="text/javascript" src="dashjs.js"></script>
+
+
+
+
+	</head>
+
+	<body>
+
+		
+    <div id="piechart" style="width: 900px; height: 500px;"></div>
+    <div id="piechart2" style="width: 900px; height: 500px;"></div>
+
+    <script type="text/javascript" src="dashjs.js"></script>
+
+    <script type="text/javascript">
+      google.charts.load('current', {'packages':['corechart']});
+      google.charts.setOnLoadCallback(drawChart);
+      google.charts.setOnLoadCallback(drawChart2);
+
+      function drawChart() {
+
+        var data = google.visualization.arrayToDataTable([
+          ['Task', 'Hours per Day'],
+          ['Completed', 11],
+          ['To Go' , 13],
+        ]);
+
+        var options = {
+          title: 'Steps',
+          pieHole: 0.8,
+        };
+
+        var chart = new google.visualization.PieChart(document.getElementById('piechart'));
+
+        chart.draw(data, options);
+      }
+
+      function getData(value){
+
+
+      }
+      function drawChart2() {
+
+        var data = google.visualization.arrayToDataTable([
+          ['Task', 'Hours per Day'],
+          ['Completed', 15],
+          ['To Go' , 9],
+        ]);
+
+        var options = {
+          title: 'Calories',
+          pieHole: 0.8,
+        };
+
+        var chart = new google.visualization.PieChart(document.getElementById('piechart2'));
+
+        chart.draw(data, options);
+      }
+    </script>
+   
+
+
+	</body>
+
+</html>
\ No newline at end of file
