¿Por qué es transparente el ancho de trazo de SVG: 1?

Question

Estoy creando gráficos de stock con SVG y tengo un problema cuando configuré el ancho de trazo de mis elementos de ruta en 1. En lugar de hacer que las líneas sean más estrechas, solo lo hace del mismo tamaño que el ancho de trazo: 2 pero ligeramente transparente. Sin embargo, no puedo publicar una imagen porque no tengo suficientes puntos de reputación ...

Mi etiqueta SVG parece así:

<div style="height:300px; width:400px; overflow:hidden">
<svg style="position:relative" height="10000" width="10000" version="1.1" xmlns="http://www.w3.org/2000/svg">
</svg>
</div>

Y estoy agregando elementos de ruta dinámicamente usando JavaScript/jQuery:

var shape = document.createElementNS("http://www.w3.org/2000/svg", "path");
$(shape).attr({"d":"...",
               "fill":"none",
               "stroke":color,
               "stroke-width":"1"});
$("svg").append(shape);

Dejé el valor de la ruta d atributo como era un poco largo. También, color es una variable de cadena que se determina antes de la mano como "verde", "rojo" o "negro".

¿Hay algo mal en mi código que está causando esto o es un problema diferente?