.line {
  fill: none;
  stroke: white;      // starts invisible, made visible with transition
  stroke-width: 1px;  // half is inside the margin, half is outside
}

rect {
  fill: none;
  stroke: black;
  stroke-width: 1px;  // half is inside the margin, half is outside
}

.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}