Grid Feature

The following section demonstrates a few ways to interact with d4's grid feature.

Note: If you do not apply a CSS style to the grid feature it will simply appear as a large black square.

JavaScript Code
CSS Code

  #grid .d4 .grid.border rect {
      fill: none;
      stroke: #aaa;
      stroke-width: 1px;
      shape-rendering: crispEdges;
  }

  #grid .d4 .grid line {
      fill:none;
      stroke: #aaa;
      stroke-width: 1px;
      stroke-dasharray :3, 4;
      shape-rendering: crispEdges;
  }