Pattern grid - tube2

_.md

[ Launch: Pattern grid - tube2 ] 4653799 by roundrobin
[ Launch: Pattern grid - tube ] 4653614 by roundrobin
[ Launch: Pattern grid - tube ] 4653610 by roundrobin
[ Launch: Pattern grid - snake ] 4653569 by roundrobin
[ Launch: Pattern grid - 70ies circles ] 4653560 by roundrobin
[ Launch: Pattern grid - cross ] 4646975 by roundrobin
[ Launch: Pattern grid - hash ] 4646958 by roundrobin
[ Launch: Pattern grid - hash ] 4646953 by roundrobin
[ Launch: Tributary inlet ] 4646912 by roundrobin

config.json

{"description":"Pattern grid - tube2","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/ZALudDz.png"}

inlet.js

var pattern_size = 53;

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

var r = pattern_size/2;

var gr = pattern.append("svg:g")
    .attr("transform","translate("+[0,0]+")")
    .attr("class","group");


gr.append("svg:circle")
        .attr("r",r)
        .attr("cx",0)
        .attr("cy",0)
        .attr("fill","#5B616D");


gr.append("svg:circle")
        .attr("r",r)
        .attr("cx",0)
        .attr("cy",51)
        .attr("fill","#044DCF");

gr.append("svg:circle")
        .attr("r",r)
        .attr("cx",pattern_size)
        .attr("cy",26)
        .attr("fill","#29529C");

var gr = pattern.append("svg:g")
    .attr("transform","translate("+[6,0]+")")
    .attr("class","group");


var col2 = '#EEDD15';
gr.append("svg:circle")
        .attr("r",r)
        .attr("cx",0)
        .attr("cy",0)
        .attr("fill",col2)
        .attr("fill-opacity",0.5);


gr.append("svg:circle")
        .attr("r",r)
        .attr("cx",0)
        .attr("cy",51)
        .attr("fill",col2)
        .attr("fill-opacity",0.5);

gr.append("svg:circle")
        .attr("r",r)
        .attr("cx",pattern_size)
        .attr("cy",26)
        .attr("fill",col2)
        .attr("fill-opacity",0.5);





d3.select('svg').append('rect')
        .attr('height',tributary.sh)
      .attr('width',tributary.sw)
  	  .attr('fill','url(#pattern1)')
g.append('svg:text')
.text(function(d,i){ return "Hello World";})
.attr("fill", "#FFFFFF")
.attr("x", 48)
.attr("y", 321)
.attr("font-size", 115)
.attr("font-family", "Mission Script")
.attr("text-anchor", "start");

g.append('svg:text')
.text(function(d,i){ return "Hello World";})
.attr("fill", "#0B1414")
.attr("x", 50)
.attr("y", 325)
.attr("font-size", 115)
.attr("font-family", "Mission Script")
.attr("text-anchor", "start");




g.append('svg:text')
.text("Hello")
.attr("fill", "#D51249")
.attr("x", 272)
.attr("y", 235)
.attr("font-size", 115)
.attr("font-family", "Homestead")
.attr("text-anchor", "middle")
.style('text-shadow','4px 0px 0px #FFFFFF');

g.append('svg:text')
.text("Hola")
.attr("fill", "#D51249")
.attr("x", 272)
.attr("y", 439)
.attr("font-size", 141)
.attr("font-family", "Ostrich SanS")
.attr("text-anchor", "middle")
.style('text-shadow','4px 0px 0px #FFFFFF');