Coloring of intersecting regions

An example that uses SVG patterns to color intersecting regions by using a diagonal hatch (colors are HCL opposites with equal chroma and lightness, see this).

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="description" content="Coloring of intersecting regions"/>
    <title>Coloring of intersecting regions</title>
    <script src="https://d3js.org/d3.v3.min.js"></script>
  </head>
  <body>
    <svg width="960" height="500">
    </svg>
  <script src="index.js"></script>
</html>
    

Modified http://d3js.org/d3.v3.min.js to a secure url

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