for heath

_.md

[ Launch: for heath ] 6488355 by enjalot

config.json

{"description":"for heath","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,"thumbnail":"http://i.imgur.com/KlH9YQh.png"}

inlet.js

var data = [ {v: 20}, {v: 100}, {v: 50}];

var svg = d3.select("svg")

svg.selectAll("rect").data(data)
.enter()
.append("rect")
.attr({
  x: function(d,i) { return 100 + i * 30 },
  y: 100,
  width: 20,
  height: function(d) { return d.v }
})
.on("click", function(d) {
  d.clicked = !d.clicked;
  d3.select(this).style("fill", d.clicked ? "#fff" : "#000")
})