horiz bars

_.md

[ Launch: horiz bars ] 9331013 by DeBraid

config.json

{"description":"horiz bars","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"data.tsv":{"default":true,"vim":false,"emacs":false,"fontSize":12},"style.css":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"data2.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12},"nw.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"thumbnail":"http://i.imgur.com/VlCtAeJ.png"}

data.tsv

data2.csv

inlet.js

var data = tributary.nw; 

//console.log(data); 
var years = new Array("1999","2005", "2012"); 
//console.log(years);

var pcYears = new Array("pc2005","pc2012");

var layers = d3.layout.stack()(years.map(function(value){
  return data.map(function(d){
    return {x: d.Type, y: +d[value]};
  })
}));

var bricks = years.map(function(value){
  return data.map(function(d){
    return {y: d.Type, x: +d[value]};
  })
});

var pcData = pcYears.map(function(value){
  return data.map(function(d){
    return {y: d.Type, x: +d[value] };
  })
});
 
var yGroupMax = d3.max(layers, function(layer) { return d3.max(layer, function(d) { return d.y; }); });


console.log(yGroupMax);
console.log("check pcData") 
console.log(pcData);
 


/*

var width = 376,
    barHeight = 30;

var x = d3.scale.linear()
    .range([10, width]);

var chart = d3.select("svg")
    .attr("width", width); 

var xMax = d3.max(data, function(d) { return d.value; });

var xMax2 = d3.max(layers, function(d) { return d.value; });

console.log(xMax);

console.log("break 234");

console.log(xMax2);

/*
  x.domain([0, xMax]);

var draw = function () {
 
  chart.attr("height", barHeight * data.length);

  var bar = chart.selectAll("g")
      .data(data)
    .enter().append("g")
    .attr("class", "bars")    
    .attr("transform", function(d, i) { return "translate(0," + i * barHeight + ")"; });

  bar.append("rect")
      .attr("width", function(d) { return x(d.value); })
      .attr("height", barHeight - 2);

  bar.append("text")
      .attr("x", function(d) { return x(d.value) - 3; })
      .attr("y", barHeight / 2)
      .attr("dy", ".35em")
      .text(function(d) { return d.value; });
};


draw(data); 

*/

nw.csv

style.css

.bars {
  fill: steelblue;
}

.bars text {
  fill: white;
  font: 10px sans-serif;
  text-anchor: end;
}
svg .tributary_svg {
	stroke: black;
}