Simplemente quiero dibujar una línea que esté unida a g con x1/y1 y a svg con el otro extremo x2/y2 .
La razón es porque tengo un div en el lado derecho de mi mapa y la línea debería señalarlo. Ahora, al desplazarse por el mapa, un extremo siempre debe apuntar al div en el lado derecho y el otro extremo debe apuntar, por ejemplo, a california.
Creé un JSFiddle donde puedes cambiar g a svg para ver a qué me refiero. ¿Cómo puedo usar ambos?
g.append('line') .style("stroke", "lightgreen") .style("stroke-width", 10) .attr("x1", 960) .attr("y1", 200) .attr("x2", 200) .attr("y2", 400); });