started to add a histogram on key.

client/bower.json

@@ -22,6 +22,8 @@
     "codemirror": "~3.19.0",
     "angular-ui-codemirror": "~0.1.1",
     "spin.js": "~2.0.1",
-    "angular-spinner": "~0.4.0"
+    "angular-spinner": "~0.4.0",
+    "highcharts-ng": "~0.0.6",
+    "highcharts": "~3.0.7"
   }
 }

client/coffee/controllers/keyStatCtrl.coffee

@@ -4,10 +4,17 @@ humanValueOfStatisticalAbreviation =
     mean: "mean"
     std: "standard deviation"
     var: "variance"
+    min: "minimum"
+    max: "maximum"
+    n: "number of documents"
 
 
+
+getAxisLabel = (min, stepSize, numberOfBins) ->
+    return (min + 0.5 * stepSize + i * stepSize for i in [0... numberOfBins])
+
 root.controllers.controller('keyStatCtrl', ['$scope', '$routeParams', 'util', ($scope, $routeParams, util) ->
-    $scope.name = "didier!"
+    $scope.name = $routeParams.key
     $scope.stats = []
     
     url  = "/api/#{ $routeParams.server }/#{ $routeParams.database }/#{ $routeParams.collection }"
@@ -18,5 +25,25 @@ root.controllers.controller('keyStatCtrl', ['$scope', '$routeParams', 'util', ($
             $scope.stats.push({name: humanValueOfStatisticalAbreviation[key], value: val })
     )
     
+    $scope.chartConfig =
+        options:
+            chart:
+                type: 'column'
+            plotOptions:
+                column:
+                    groupPadding: 0
+                    pointPadding: 0
+                    borderWidth: 0
+         xAxis:
+            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
+        title:
+            text: 'Distribution'
+        loading: false
+        series: [{
+            data: [10, 15, 12, 8, 7, 4, 12, 12, 9, 11],
+            name: $routeParams.key
+            color: '#008CBA'
+        }]
+    
 ])
 

client/coffee/vultureApp.coffee

@@ -5,6 +5,7 @@ angular.module('vulture', [
   'ngRoute'
   'ui.codemirror'
   'angularSpinner'
+  'highcharts-ng'
   'leaflet-directive'
   'vulture.filters'
   'vulture.services'

client/index.html

@@ -56,6 +56,8 @@
     <script src="bower_components/spin.js/spin.js"></script>
     <script src="bower_components/angular-spinner/angular-spinner.js"></script>
     <script type="text/javascript" src="bower_components/angular-ui-codemirror/ui-codemirror.js"></script>
+    <script type="text/javascript" src="bower_components/highcharts/highcharts.js"></script>
+    <script type="text/javascript" src="bower_components/highcharts-ng/dist/highcharts-ng.js"></script>
 
     
       

client/partials/keyStat.html

@@ -8,4 +8,8 @@
             </li>
         </ul>
     </div>    
+</div>
+
+<div class="row">
+        <highchart id="chart1" config="chartConfig" class="columns large-12"></highchart>
 </div>