Pattern grid

_.md

[ Launch: Tributary inlet ] 4646912 by roundrobin

config.json

{"description":"Pattern grid","endpoint":"","display":"svg","public":true,"require":[],"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}},"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,"fullscreen":false,"thumbnail":"http://i.imgur.com/3ar0fNk.png"}

inlet.js

var defs = d3.select('svg').append('defs')
var pattern = defs.append('pattern')
    .attr('id','pattern1')
    .attr('pattermTransform','')
    .attr('height',100)
    .attr('width',100)
    .attr('patternUnits','userSpaceOnUse')


var red = pattern.append('rect')
    .attr('height',100)
    .attr('width',100)
    .attr('fill',"red")
      .style("stroke-width", 1)
      .style("stroke", "#002C33") 

d3.select('svg').append('rect')
        .attr('height',tributary.sh)
      .attr('width',tributary.sw)
  	  .attr('fill','url(#pattern1)')