helping autospkr

_.md

[ Launch: helping autospkr ] 6196729 by gelicia

config.json

{"description":"helping autospkr","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":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"thumbnail":"http://i.imgur.com/sDQDHsJ.png"}

inlet.js

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

svg.append("defs").append("pattern")
.attr({
  id:"image",
  x:0,
  y:0,
  patternUnits: "objectBoundingBox",
  height: 100,
  width: 100
}).append("image")
.attr({
  id: "image2",
  x:1,
  y:1,
  "xlink:href" : "http://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/PNG_transparency_demonstration_2.png/280px-PNG_transparency_demonstration_2.png"
}); 

svg.append("circle")
.attr({
  id: "top",
  cx: 180,
  cy: 120,
  r: 80, 
  fill: "url(#image)"
});