CodePen

HTML

            
              
            
          
!
via HTML Inspector

CSS

            
              
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
                 function Create_Discs (disc_count) {
       var max_width  = 7;
       var min_width  = 3;
       var width_step = (max_width - min_width)/(disc_count - 1);
       var x_step     = width_step/2;
var height     = 2.6;  //20/disc_count; ////(total_discs_height/disc_count > max_height) ? max_height : total_discs_height/disc_count;
var width      = max_width;
       var x          = 1.5;
       var y          = 24.5- height;
       var discs = new Array ();
       for (var i = 0; i < disc_count; ++i) {
           var disc = $("<div></div>").addClass ("oval"); //.css('background-color', colors [i]);
           disc.appendTo (jsurface);
           discs.push (surface.Add_Elem (disc, x, y, width, height));
           x = x + x_step;
           width = width - width_step;
           y = y - height/1.5;
       }
       return discs;
   }

            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................