title: How to remove axis path/line during transition in d3js
body: <p>In this <a href="https://plnkr.co/edit/r8vAvjVwE2C5g3NBNvov?p=preview" rel="nofollow noreferrer"><strong>Plunker</strong></a> I'm calling a <code>customYaxis</code> function to remove <code>.domain</code> and to add some css styling.</p>
  
  <pre><code>  function customYAxis(g) {
      g.call(yAxis)
      g.select(".domain").remove();
      g.selectAll("line")
        .attr("stroke", "#777")
        .attr("opacity", .5);
    }
  </code></pre>
  
  <p>But during the transition the domain reappears briefly and then it's removed again.</p>
  
  <p>I know that you can achieve the same effect using only css but I'd like to know if there is a way to make sure that the domain stays removed using this custom function or if there's another way using only javascript.</p>