Skip to content

Instantly share code, notes, and snippets.

@ramnathv
Last active August 29, 2015 14:10
Show Gist options
  • Save ramnathv/73a1babf9b86bb9a1a9c to your computer and use it in GitHub Desktop.
Save ramnathv/73a1babf9b86bb9a1a9c to your computer and use it in GitHub Desktop.
Tributary inlet
{"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"}
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))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment