Spectrum

by achudars

HTML

<div class="spectrum"></div>
<div class="spectrum"></div>
<div class="spectrum"></div>
<div class="spectrum"></div>
<div class="spectrum"></div>
<div class="spectrum"></div>
<div class="spectrum"></div>
<div class="spectrum"></div>
<div class="spectrum"></div>
<div class="spectrum"></div>

CSS

body, html {
    height: 100%;
    min-height: 100%;
}
.spectrum {
    width: 100%;
    height: 10%;
    position: relative;
    background: grey;
}

JavaScript

var baseColor = '#027E66';

baseColor = d3.rgb(baseColor).darker();
var count = 0;


d3.selectAll('.spectrum')
.style('background',function(){
    var newColor = baseColor.brighter(.3);
    baseColor = newColor;
    return newColor;
});