Estoy creando una tabla de competencia dinámicamente con jquery y quiero trazar líneas de conexión entre las capas de competencia individuales. Los estoy creando con jquery como se menciona con el espacio de nombres svg, por ejemplo, Función para crear Elemento SVG con Etiqueta de línea como Niño

Todo funciona correctamente hasta agregar los elementos al DOM que se ve en el inspector Estructura de árbol DOM del elemento SVG con líneas

Pero en el sitio directamente, las líneas no aparecen. Tienen que estar en el rectángulo rojo.

Terminé probando varias horas con esto pero sin encontrar la solución.

Gracias por la ayuda :)