colors

by Igor Cuckovic

JavaScript

var w = 500,
    h = 500;

var dataArray = [10, 40, 50, 60, 34, 64, 34, 39, 23];

var stage = d3.select("body").append("svg")
                             .attr("width", w)
                             .attr("height", h);

var color = d3.scale.category20();

var rects = stage.selectAll("rect")
                 .data(dataArray)
                 .enter()
                 .append("rect")
                    .attr("width", function(d){ return d * 4;})    
                    .attr("height", 30)
                    .attr("x", 0)
                    .attr("y", function(d,i){return (i * 35) + 20;})
                    .attr("fill",function(d,i){return color(i);});

var labels = stage.selectAll("text")
                   .data(dataArray)
                   .enter().append("text")
                   .text(function(d){return d;})
                   .attr("x", function(d, i){ return 10;})
                   .attr("y", function(d,i){return (i * 35) + 40;})
.style("fill", "#fff");