droplet

_.md

[ Launch: droplet ] 74c5216fa4e61dc36a9e by enjalot
[ Launch: droplet ] a7dab6ef7b2ad9025344 by enjalot
[ Launch: droplet ] f44ce287dedb72bf9614 by DeBraid
[ Launch: droplet ] b675440c1cb5e5a5efe0 by biovisualize
[ Launch: droplet ] d44e115611ef2c3284c8 by DeBraid

config.json

{"description":"droplet","endpoint":"","display":"svg","public":true,"require":[{"name":"superformula","url":"http://d3js.org/d3.superformula.v0.min.js"}],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"style.css":{"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/KppX3N5.png"}

inlet.js

var svg = d3.select("svg");

var dropPath = 'M 243.44676,222.01677 C 243.44676,288.9638 189.17548,343.23508 122.22845,343.23508 C 55.281426,343.23508 1.0101458,288.9638 1.0101458,222.01677 C 1.0101458,155.06975 40.150976,142.95572 122.22845,0.79337431 C 203.60619,141.74374 243.44676,155.06975 243.44676,222.01677 z';

var data = d3.range(100).map(function(i){ return Math.random()/3; });

var width = tributary.sw;
var height = tributary.sh;


svg.selectAll('g.drop').data(data)
	.enter().append('g')
	.attr({
      'class': 'drop', 
      transform: function(d, i){ return 'translate('+[Math.random()*width, Math.random()*height]+') scale('+d+')'; }
    })
	.append('path').attr({d: dropPath})
	.style({
      stroke: 'skyblue', 
      'stroke-width': '7px', 
      fill: 'aliceblue',
      'fill-opacity': 0.0360000000000001
    });

style.css

svg {
  background-color:#0E0E0E;
}

.time_controls {
  display:none;
}