quilt block (random texture)

forked from annabsmylie's block: quilt block

forked from annabsmylie's block: quilt block (random color)

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3fc/10.1.0/d3fc.bundle.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/4.6.1/lodash.min.js" charset="utf-8"></script>
<script src="https://cdn.jsdelivr.net/gh/riccardoscalco/textures/textures.min.js" charset="utf-8"></script>
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
  </style>
</head>

//function to create grid's data
  function gridData() {
    var data = new Array();
    var xpos = 1; //starting xpos and ypos at 1
    var ypos = 1;
    var width = 25;
    var height = 25;
    
    //iterate for rows
    for (var row = 0; row < 50; row++) {
      data.push( new Array() );

//iterate for cells/cols inside rows
      for (var column = 0; column < 30; column++) {
        data[row].push({
          x: xpos,
          y: ypos,
          width: width,
          height: height,
//           fill: randomColor
        })
        //increment the x position, move it over by 50
        xpos += width;
      }
      //reset the x position after a row is complete
      xpos = 1;
      //increment the y position for next row, move down 50
      ypos += height;     
    }
    return data;  
  }
  
  var color = d3.scale.category20();

Updated missing url https://cdn.rawgit.com/riccardoscalco/textures/master/textures.min.js to https://cdn.jsdelivr.net/gh/riccardoscalco/textures/textures.min.js

https://cdnjs.cloudflare.com/ajax/libs/d3fc/10.1.0/d3fc.bundle.min.js

https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.6.1/lodash.min.js

https://cdn.rawgit.com/riccardoscalco/textures/master/textures.min.js

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