Added GUI Environment
diff --git a/xos-apps/auto-scale/gui/src/vendor/Chart.js/samples/doughnut.html b/xos-apps/auto-scale/gui/src/vendor/Chart.js/samples/doughnut.html
new file mode 100644
index 0000000..fdf7539
--- /dev/null
+++ b/xos-apps/auto-scale/gui/src/vendor/Chart.js/samples/doughnut.html
@@ -0,0 +1,67 @@
+<!doctype html>
+<html>
+ <head>
+ <title>Doughnut Chart</title>
+ <script src="../Chart.js"></script>
+ <style>
+ body{
+ padding: 0;
+ margin: 0;
+ }
+ #canvas-holder{
+ width:30%;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="canvas-holder">
+ <canvas id="chart-area" width="500" height="500"/>
+ </div>
+
+
+ <script>
+
+ var doughnutData = [
+ {
+ value: 300,
+ color:"#F7464A",
+ highlight: "#FF5A5E",
+ label: "Red"
+ },
+ {
+ value: 50,
+ color: "#46BFBD",
+ highlight: "#5AD3D1",
+ label: "Green"
+ },
+ {
+ value: 100,
+ color: "#FDB45C",
+ highlight: "#FFC870",
+ label: "Yellow"
+ },
+ {
+ value: 40,
+ color: "#949FB1",
+ highlight: "#A8B3C5",
+ label: "Grey"
+ },
+ {
+ value: 120,
+ color: "#4D5360",
+ highlight: "#616774",
+ label: "Dark Grey"
+ }
+
+ ];
+
+ window.onload = function(){
+ var ctx = document.getElementById("chart-area").getContext("2d");
+ window.myDoughnut = new Chart(ctx).Doughnut(doughnutData, {responsive : true});
+ };
+
+
+
+ </script>
+ </body>
+</html>