Skip to content

Instantly share code, notes, and snippets.

@roundrobin
Created January 30, 2013 19:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save roundrobin/4676067 to your computer and use it in GitHub Desktop.
Save roundrobin/4676067 to your computer and use it in GitHub Desktop.
Pattern grid - ellipse
{"description":"Pattern grid - ellipse","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/nzlwO22.png"}
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')
// cx="300" cy="80" rx="100" ry="50"
pattern.append("svg:ellipse")
.attr("cx",pattern_size /2)
.attr("cy",pattern_size /2)
.attr("ry",5)
.attr("rx",48)
.attr("fill","#29529C")
.attr("transform","translate("+[0,0]+")rotate("+(-124)+", "+(pattern_size /2)+","+(pattern_size /2)+")");
d3.select('svg').append('rect')
.attr('height',tributary.sh)
.attr('width',tributary.sw)
.attr('fill','url(#pattern1)')
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment