SVG Path Element

_.md

[ Launch: SVG Path Element ] 4958860 by roundrobin
[ Launch: Bootstrap Trib ] 4711978 by roundrobin
[ Launch: Tributary inlet ] 4711690 by roundrobin

config.json

{"description":"SVG Path Element","endpoint":"","display":"svg","public":true,"require":[{"name":"Helpers","url":"https://raw.github.com/roundrobin/svg-path-generator/master/svg-path-generator.js"}],"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/piONEfk.png"}

inlet.js

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


//Uses the svg-path-generator class
//https://github.com/roundrobin/svg-path-generator
var path = new Path(svg)
path.canvasDOM().attr({transform:'translate(200,250)'})

var path4 = new Path(svg)
path4.canvasDOM().attr({transform:'translate(300,150)'})





var r = 12;
var n = 22;
var sp = 5;

path4.add(['m',r,0]);
  for(var i = 0; i < n+1; i++){
    
     var cx = r * Math.cos(sp * Math.PI * i / n);
     var cy = r * Math.sin(sp * Math.PI * i / n);
      
     path4.add(['L',cx,cy]);
    
    
     r+= Math.exp(6.5)/81;

  }

path4.render();
path4.showPoints();