d3 | squared grid reusable

Reusable grids that can have some example hover events applied using dispatch

based of my initial sketch/block: d3 | simple square grid

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>d3 | simple square grid reusable</title> 
  <meta name="author" content="Sundar Singh | eesur.com">
  
  <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js" charset="utf-8"></script>

</head>

<script src="d3_code_grid_reusable.js" charset="utf-8"></script>

gridExample.render();

// render grid-2
  var gridExample2 = squareGrid("#grid-2")
      .width(900)
      .height(300)
      .square(60)
      .stroke('#130C0E')
      .fill('#7AC143');

gridExample2.render();

// render grid-3
  var gridExample3 = squareGrid("#grid-3")
      .width(900)
      .height(300)
      .square(10)
      .stroke('#00B0DD')
      .render();

</script>

</body>
</html>

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

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

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