Turns out the range wasn't the problem. By adding a webkit-transform to my ticks and axis text everything now works fine
.style("-webkit-transform", function(d){ return "translate(" + 0 + "px," + y(d) + "px)"; });
Adding a webkit-transform also does the trick if you're trying to create a d3 pie chart with edge animate, and probably in all other cases where you're using transform in d3. You might also want to add a ms-transform: http://www.w3schools.com/css/css3_2dtransforms.asp