chargeTest

_.md

[ Launch: chargeTest ] 5cfa8a184445d0a9c3a2 by hughes

config.json

{"description":"chargeTest","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/K96fKcf.png"}

inlet.js

var nodes = [{charge: -100}, {charge: -100}, {charge: 0}];
var svg = d3.select('svg');

var force = d3.layout.force()
	.charge(function (d) { return d.charge; })
	.gravity(0.1)
	.size([800,300])
	.nodes(nodes)
	.on('tick', tick)
	.start()

var node = svg.selectAll('.node').data(nodes);
node.enter()
	.append('circle')
    .attr('r', 10)
	.attr('fill', function (d) {
      return 'rgb('+Math.abs(d.charge*2)+',0,0)';
	})
node.call(force.drag)

function tick() {
  node.attr('transform', function (d) {
    return 'translate(' + d.x + ',' + d.y + ')';
  })
}