Watercolor filter

_.md

[ Launch: Tributary inlet ] 4737113 by roundrobin

config.json

{"description":"Watercolor filter","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"test.svg":{"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/rAzbR0q.png"}

inlet.js

g.append("rect")
.attr({
  width: tributary.sw,
  height: tributary.sh,
  filter: "url(#filter2987)"
});

test.svg

  <defs id="defs4">
   
    <filter
       id="filter2987"
       inkscape:label="filter2"
       width='100%'
       height='100%'
       filterUnits='objectBoundingBox'
       >
      <feTurbulence
         id="feTurbulence3844"
         type="fractalNoise"
         baseFrequency="0.016184971098265898"
         numOctaves="8"
         seed="0" />
      <feColorMatrix
         id="feColorMatrix3848"
         values="1 0 0 -1 0 0 1 0 -1 0 0 0 1 0 0 0 0 0 1 0 "
         result="result1" />
      <feDisplacementMap
         id="feDisplacementMap3850"
         in2="result1"
         scale="100"
         yChannelSelector="A"
         xChannelSelector="G" />
      <feColorMatrix
         id="feColorMatrix3852"
         type="luminanceToAlpha" />
    </filter>
  </defs>