Tributary inlet

_.md

[ Launch: Tributary inlet ] 73a1babf9b86bb9a1a9c by ramnathv

config.json

{"description":"Tributary inlet","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"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}},"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,"ajax-caching":true,"thumbnail":"http://i.imgur.com/w90pIrd.png"}

inlet.js

var width = 426, height = 500, m = 80

var data = [1, 2, 3, 4, 5]

var canvas = d3.select("svg")
  .attr("width", width)
  .attr("height", height)

var x = d3.scale.linear()
  .range([m, width - m])
  .domain(d3.extent(data))

var y = d3.scale.ordinal()
  .rangeBands([height - m, m], 0.1)
  .domain(d3.range(0, 5))

var bars = canvas.selectAll('rect')
    .data(data).enter()
  .append("g")

bars.append("rect")
  .attr("x", m/4)
  .attr("y", function(d, i){return y(i) - y.rangeBand()/2}  )
  .attr("width", function(d){return x(d)} )
  .attr("height", y.rangeBand())
  .attr("fill", "steelblue")

bars.append("text")
  .attr("x", function(d){return x(d)})
  .attr("y", function(d, i){return y(i)}  )
  .text(function(d){return d})

console.log(x(2))