Another Inlet

_.md

[ Launch Inlet ]
Gist #3200444

config.json

{"description":"Another Inlet","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"tab":"edit","display_percent":0.7,"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,"hidepanel":false}

inlet.js

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

var defs = svg.append("defs")
//.attr("patternUnit","objectBoundingBox")
//.attr("patternContentUnits","objectBoundingBox")
    
var pattern = defs.append("pattern")
//    .attr("patternUnit","userSpaceOnUse")
    .attr("id","pat1")
    .attr("x",0)
    .attr("y",0)
    .attr("width",11)
    .attr("height",22)  
   .attr("patternUnit","objectBoundingBox")
   .attr("patternContentUnits","objectBoundingBox") 
    
pattern.append('svg:line')
.attr("stroke","black")
.attr("stroke-width",1)
.attr("fill","none")
.attr("x1",0)
.attr("x2",100)
.attr("y1",0)
.attr("y2",0);

    
	
//   x="0" y="0" width="6" height="6"
    
    
svg.append("rect")
  .attr("width", 100)
  .attr("height", 100)
  .attr("x", 100)
  .attr("y", 100)
  .attr("rx", 15)
  .style("fill", "url(#pat1)")
  .style("stroke", "#0033FF")
  .style("stroke-width", 0)