Basic graph implementation

linodes/dashboard/dashboard.css

@@ -25,10 +25,18 @@
 	margin-top: 5px;
 }
 
+canvas {
+	height: 250px;
+}
+
 #config-table tr:last-of-type {
 	border-bottom: 1px solid #E8E8E8;
 }
 
+#cpu-color {
+	background-color: #03C;
+}
+
 .disk-icon {
 	height: 24px;
 	width: 26px;
@@ -42,12 +50,51 @@
 	display: none;
 }
 
+#graph-range {
+	font-size: 18px;
+}
+
 h3 {
 	border-bottom: 1px solid #E8E8E8;
 	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 	font-size: 18px;
 	font-weight: lighter;
-	margin-bottom: 50px;
+}
+
+#io-rate-color {
+	background-color: #FFD04B;
+}
+
+#ipv4-in-color {
+	background-color: #03C;
+}
+
+#ipv4-out-color {
+	background-color: #32CD32;
+}
+
+#ipv4-privin-color {
+	background-color: #C09;
+}
+
+#ipv4-privout-color {
+	background-color: #FF9;
+}
+
+#ipv6-in-color {
+	background-color: #03C;
+}
+
+#ipv6-out-color {
+	background-color: #32CD32;
+}
+
+#ipv6-privin-color {
+	background-color: #C09;
+}
+
+#ipv6-privout-color {
+	background-color: #FF9;
 }
 
 .job-failed {
@@ -202,6 +249,10 @@ h3 {
 	float: right;
 }
 
+#swap-rate-color {
+	background-color: #FA373E;
+}
+
 #upgrade {
 	background-color: #F0F0F0;
 	display: none;