Lichen.js Basic Example

A very simple demonstration of lichen.js patterns with d3.js.

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
<svg width="960" height="500"></svg>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="lichen.js"></script>
<script>
​
var svg = d3.select("svg"),
    width = +svg.attr("width"),
    height = +svg.attr("height");
​
var stripe = ln.stripe().fill(["crimson","yellow","steelblue"]).width([10,2,12]);
​
svg.append("rect")
  .attr("width",960)
  .attr("height",500)
  .attr("fill",stripe.use());
    
</script>
​
    

https://d3js.org/d3.v4.min.js