Skip to content

Instantly share code, notes, and snippets.

Created May 28, 2012 08:13
Show Gist options
  • Save anonymous/2817961 to your computer and use it in GitHub Desktop.
Save anonymous/2817961 to your computer and use it in GitHub Desktop.
just another inlet to tributary
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')
//<linearGradient id="g420" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="0%" y2="100%">
//<stop stop-color="#358FB0" offset="0"/><stop stop-color="#4DE3AC" offset="1"/>
//</linearGradient>
var gradient = defs.append('linearGradient')
.attr('id','g320')
.attr('gradientUnits','userSpaceOnUse')
.attr('x1','0%')
.attr('x2','0%')
.attr('y1','0%')
.attr('y2',141)
gradient.append('stop')
.attr('stop-color','#358FB0')
.attr('offset','0')
gradient.append('stop')
.attr('stop-color','#4DE3AC')
.attr('offset','1')
var red = pattern.append('rect')
.attr('height',100)
.attr('width',100)
.attr('fill',"url(#g320)")
.style("stroke-width", 1)
.style("stroke", "#002C33")
d3.select('svg').append('rect')
.attr('height',500)
.attr('width',500)
.attr('fill','url(#pattern1)')
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment