title: d3 svg rect does not render in chrome
body: <p>i made a bar chart with the d3 library (mostly working and testing in firefox) and later noticed the <code>fill</code> attributes for <code>svg rect</code> in chrome weren't rendering, thus only displaying the <code>x</code> and <code>y</code> axes.</p>
  
  <p>the same thing happens in safari iOS <em>(i can't test as vigorously but checked to see if it was exclusively happening in chrome)</em>.</p>
  
  <p>does anyone know why this is?<br>
  a hint in the right direction would still be appreciated;<br>
  i'm at a wall.</p>
  
  <p>here's a <a href="https://codepen.io/anon/pen/aRdMMz" rel="nofollow noreferrer">pen</a>.</p>
  
  <p>to clarify:<br>
  the <code>svg rect</code> in firefox is rendered as intended.  </p>
  
  <p>if it's a bug, here's the <a href="https://i.stack.imgur.com/qVv1o.png" rel="nofollow noreferrer">version of each browser i'm running</a> at the current time</p>