En mi gráfico d3, este es el código y el gráfico renderizado.
Como puede ver, las líneas van en el eje y. Estaba buscando una solución y por casualidad agregué un svg haciendo que el código se viera así:
Ahora las líneas no se superponen al eje y. ¿Por qué es eso exactamente?
Nota: cambié el ancho del svg adjunto pero aún así la caja encaja perfectamente.
Tus rutas comienzan en una posición x de -25,334... en lugar de 0, por lo que si las trasladas horizontalmente en 30, comenzarán en 4,666..., que se superpone con tu eje. Si los coloca dentro de ese elemento svg interno, se recortarán en los límites del elemento svg y comenzarán en 30 (después de la traducción).
Puede deshabilitar el recorte configurando un atributo de overflow : <svg width="1096" height="160" overflow="visible"> .