Another Inlet

_.md

[ Launch Inlet ]
Gist #4200850 [ Launch Inlet ]
Gist #4200166 [ Launch Inlet ]
Gist #4200142 [ Launch Inlet ]
Gist #3200444

config.json

{"description":"Another Inlet","endpoint":"","display":"svg","public":true,"require":[],"tab":"edit","display_percent":0.5368495077355837,"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}

inlet.js

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


var circ  =svg.append("svg:circle")
	.attr("r",50)
	.attr("cx", 358)
	.attr("cy", 400)
	.attr("fill","#FF00FF")
    .attr('transform','translate(0,0)scale('+(1)+','+(1)+')')
    
    
    	svg.append("svg:circle").attr("r",50)
	.attr("cx", 358)
	.attr("cy", 400)
	.attr("fill","#FF00FF")
.attr('transform','translate(100,130)scale('+(1)+','+(0.7)+')')
    
	svg.append("svg:circle").attr("r",50)
	.attr("cx", 358)
	.attr("cy", 400)
	.attr("fill","#FF00FF")
    .attr('transform','translate(200,-40)scale('+(1)+','+(1.1)+')')
	
    
    
      
svg.append('svg:text')
.text(function(d,i){ return "Hello World";})
.attr("fill", "#000000")
.attr("x", 0)
.attr("y", 200)
.attr("font-size", 100)
.attr("font-family", "Arial")
.attr("text-anchor", "start")
 .attr('transform','translate(0,200)scale('+(1)+','+(0.1)+')skewY(10)')
  .transition()    
  .duration(2500) 
   .attr('transform','scale('+(1)+','+(1)+')skewY(1)')