Tributary inlet

_.md

[ Launch: Tributary inlet ] 5549097 by trinary

config.json

{"description":"Tributary inlet","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"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}

inlet.js

svg = d3.select("svg");

line = svg.append("g").attr("transform","translate(10,10)").append("path");

function flagPath(width, height, r) {
  return "M 0 0 L " + width + " 0 A " + r + " " + r + " 0 0 1 " + (width + r) + 
    " " + r + " L " + (width + r) + " " + height + 
    "A " + r + " " + r + " 0 0 1 " + (width) + " " + (height +r ) + " L 0 " + (height + r) + " Z"; 
}

line.attr({
  d: flagPath(83,30,5),
  fill: "none",
  stroke: "#666",
  "stroke-width": "2"
});