added chart

SmearcarDB/static/index.css

@@ -313,4 +313,14 @@ a {
 #dataTableCont div p {
 	font-size: 130%;
 	padding: 0 5% 0 5%;
+}
+
+#dataGraph1 {
+	grid-column: 1;
+	grid-row: 3;
+}
+
+#dataGraph2 {
+	grid-column: 2;
+	grid-row: 3;
 }

SmearcarDB/templates/index.html

@@ -10,7 +10,7 @@
     <link href="https://fonts.googleapis.com/css?family=Saira+Condensed:300,400" rel="stylesheet">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
-    <script src="{{ url_for('static', filename='velocity.min.js') }}"></script>
+    <script src="{{ url_for('static', filename='Chart.min.js') }}"></script>
     <script src="https://use.fontawesome.com/c8d5486cd8.js"></script>
     <!-- <script src="https://trello.com/1/client.js?key=dd3d6b561fe1a0abcacdc80ad0c4fd9a"></script> -->
 </head>
@@ -42,6 +42,8 @@
                 <div id="dataTableCont" class="transition">
                 </div>
             </div>
+            <canvas id="dataGraph1" class="card"></canvas>
+            <canvas id="dataGraph2" class="card"></canvas>
         </div>
         <div id="files" class="optionContainer">
             <div class="temp card">