for gene

_.md

[ Launch: for gene ] 6505578 by enjalot

config.json

{"description":"for gene","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"sara.svg":{"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/7h0fPDl.png"}

inlet.js

d3.select("#aircraft")
.attr({
  width: "100%",
  height: "100%"
})

var test = false;

var planebody = d3.select("#planebody")
.on("click", function() {
  test = !test;
  if(test) {
    d3.select(this).style("fill", "#0f0")
  } else {
    d3.select(this).style("fill", "#fff")
  }
})

var plane = d3.select("#plane")

var pos = { x: 0, y: 0 }
var drag = d3.behavior.drag()
.on("drag", function() {
  pos.x += d3.event.dx;
  pos.y += d3.event.dy;
  plane.attr("transform", "translate(" + [ pos.x, pos.y] + ")");   
})

drag.call(plane)

sara.svg