random vertical horizontal lines (grids)

<!DOCTYPE html>
<meta charset="utf-8">
<style>
  rect, path {
    fill: none;
    stroke: black;
    stroke-width: 1;
  }
</style>
<body>
<script src="https://d3js.org/d3.v4.js"></script>
<script src="https://romsson.github.io/d3-gridding/build/d3-gridding.js"></script>
<script>
  
var width = 400,
    height = 400;

var n = 9,
    data =  d3.range(n),
    max_depth = 8;

var svg = d3.select("body")
    .append("svg")
        .attr("width", width)
        .attr("height", height)

var root_params = {
  "size": [width, height],
  "offset": [0, 0],
  "mode": "grid",
  "padding": 1
};

var line = d3.line().curve(d3.curveLinear);

line
	.x(function(d) { return d.cx; })
  .y(function(d) { return d.cy; });

var level = 0;
  
function generate_layout(params, data = d3.range(81), depth = 0) {

var gridding = d3.gridding()
    .params(params);

var griddingData = gridding(data);

if(depth < max_depth) {

if(depth == 7) {
          
      level++;

var lines = svg.selectAll(".line_" + level)
         .data([griddingData]);

lines.enter().insert("path")
        .attr("class", "line_" + level)
        .attr("d", function(d) { return line(d); });

}	
    griddingData.forEach(function(d, i) {

var grid_type = (i % 2) === 0 ? "vertical": "horizontal";

var node_params = {
        "size": [d.width * 1.1, d.height* 1.1],
        "offset": [d.x, d.y],
        "mode": grid_type,
      };

var datasets = [[1], [1, 2], [1, 1, 1], [2, 1]];

var data = datasets[Math.floor(Math.random() * datasets.length)];

if(grid_type === "vertical") {
        node_params.valueWidth = function(d) { return d["__value"]; }
      } else {
        node_params.valueHeight = function(d) { return d["__value"]; }
      }
            
      generate_layout(node_params, data, depth+1);

});
  }
}

generate_layout(root_params);

</script>
</body>

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

Modified http://romsson.github.io/d3-gridding/build/d3-gridding.js to a secure url

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

https://romsson.github.io/d3-gridding/build/d3-gridding.js