First-pass at a 'running VMs' graph

public/lib/stats-vcloud-running.js

@@ -0,0 +1,121 @@
+var running_url = '/dashboard/stats/vcloud/running';
+var running_height = 150;
+
+var colorscale = d3.scale.category20();
+var color = {};
+
+var stats_vcloud_running__data  = {};
+var stats_vcloud_running__svg   = {};
+
+var stats_vcloud_running__data__total = 0;
+
+d3.json( running_url,
+
+  function( stats_vcloud_running__data ) {
+
+    ( function tick() {
+      setTimeout( function() {
+
+        var stats_vcloud_running__data__live = ( function() {
+          var stats_vcloud_running__data__live = null;
+
+          $.ajax( {
+            'url': running_url,
+            'async': false,
+            'global': false,
+            'dataType': 'json',
+            'success': function( data ) {
+              stats_vcloud_running__data__live = data;
+            }
+          } );
+
+          return stats_vcloud_running__data__live;
+        } )();
+
+        var stats_vcloud_running__data__keys = [];
+        var stats_vcloud_running__data__total__tmp = 0;
+
+        for ( var key in stats_vcloud_running__data__live ) {
+          stats_vcloud_running__data__total__tmp = stats_vcloud_running__data__total__tmp + stats_vcloud_running__data__live[ key ];
+          stats_vcloud_running__data__keys.push( key );
+          for ( var c = 0; c < Object.keys(stats_vcloud_running__data__keys).length; c++ ) { color[key] = colorscale( c ); }
+        }
+
+        if ( stats_vcloud_running__data__total__tmp > stats_vcloud_running__data__total ) {
+          stats_vcloud_running__data__total = stats_vcloud_running__data__total__tmp;
+        }
+
+        $( '#stats-vcloud-running' ).empty();
+
+        var x = d3.scale.linear().domain( [ 0, 500 ] ).range( [ 0, document.getElementById( 'stats-vcloud-running' ).offsetWidth ] );
+        var y = d3.scale.linear().domain( [ 0, stats_vcloud_running__data__total ] ).range( [ running_height, 0 ] );
+
+        var area = d3.svg.area()
+          .x( function( d, i ) { return x( i ); } )
+          .y0( function( d ) { return y( d.y0 ); } )
+          .y1( function( d ) { return y( d.y0 + d.y ); } );
+
+        var path = d3.svg.line()
+          .x( function( d, i ) { return x( i ); } )
+          .y( function( d ) { return y( d.y0 + d.y ); } );
+
+        var stack = d3.layout.stack()
+          .values( function( d ) { return d.values; } );
+
+        var stats_vcloud_running__data__stack = {};
+
+         if ( typeof stats_vcloud_running__data[ 'stack' ] === 'undefined' ) {
+           stats_vcloud_running__data[ 'stack' ] = [];
+         }
+
+        stats_vcloud_running__data[ 'stack' ].push( stats_vcloud_running__data__live );
+
+        var stats_vcloud_running__data__graph = stack(
+          stats_vcloud_running__data__keys.sort().map(
+            function( name ) {
+              return {
+                name: name,
+                values: stats_vcloud_running__data[ 'stack' ].map( function( d ) {
+                  return { y: d[ name ] };
+               })
+              }
+            }
+          )
+        );
+
+        var svg = d3.select( '#stats-vcloud-running' )
+          .append( 'svg' )
+          .attr( 'height', running_height )
+          .attr( 'width', '97%' )
+          .style( 'margin-top', '15px' )
+          .style( 'margin-bottom', '10px' )
+          .append( 'g' );
+
+        var mysvg = svg.selectAll( '#stats-vcloud-running' )
+          .data( stats_vcloud_running__data__graph )
+          .enter()
+          .append( 'g' );
+
+        mysvg.append( 'path' )
+          .attr( 'd', function( d ) { return area( d.values ); } )
+          .attr( 'clas', 'area' )
+          .attr( 'opacity', '0.25' )
+          .style( 'fill', function( d ) { return color[ d.name ]; } );
+
+        mysvg.append( 'path' )
+          .attr( 'd', function( d ) { return path( d.values ); } )
+          .attr( 'class', 'line' )
+          .attr( 'stroke', function( d ) { return '#888'; } )
+          .attr( 'stroke-width', '1' );
+
+        if ( stats_vcloud_running__data[ 'stack' ].length > 500 ) {
+          stats_vcloud_running__data[ 'stack' ].shift();
+        }
+
+        tick();
+      }, 5000 );
+    } )();
+
+  }
+
+);

views/dashboard.erb

@@ -10,6 +10,18 @@
 
 <br />
 
+<!-- stats-vcloud-running -->
+
+<div class='label'>VMs running tests</div>
+
+<div id='stats-vcloud-running' class='module'>
+  <div class='spinner'></div> Loading data...
+</div>
+
+<script src='/lib/stats-vcloud-running.js'></script>
+
+<br />
+
 <!-- stats-vcloud-pool -->
 
 <div class='label'>vCloud pool status</div>

vmware-host-pooler-api

@@ -110,6 +110,21 @@ get '/dashboard/stats/vcloud/pool' do
   JSON.pretty_generate(result)
 end
 
+get '/dashboard/stats/vcloud/running' do
+  result = Hash.new
+
+  config[:pools].each do |pool|
+    running = $redis.scard( 'vmware_host_pool__running__' + pool['name'] )
+
+    pool['major'] = $1 if pool['name'] =~ /^(\w+)\-/
+
+    result[pool['major']] = result[pool['major']].to_i + running.to_i
+  end
+
+  content_type :json
+  JSON.pretty_generate(result)
+end
+
 get '/status' do
   content_type :json