Estoy recopilando datos entrantes del usuario con coordenadas xey y algún punto adicional. Ahora quiero mostrar esos datos en la línea svg. Los datos del usuario contienen todos los valores positivos y negativos. Así que quiero trazar una línea en un plano de coordenadas, ya que la línea puede tener cualquier forma. por ejemplo, a medida que movemos el cursor en la pantalla, dibuje una línea curva svg.
¿Cómo puedo implementar esto?
Podría usar la funcionalidad de d3.js. https://d3js.org/
Hace posible proporcionar una matriz de coordenadas x, y y generar una ruta svg válida a partir de ella, que luego se puede usar para la visualización.
https://github.com/d3/d3-shape/blob/v3.1.0/README.md#lines
Ejemplo : https://observablehq.com/@d3/d3-line También proporciona opciones para interpolaciones, como Bezier
Si necesita más control sobre su visualización, puede usar el generador de ruta.
https://github.com/d3/d3-path/blob/v3.0.1/README.md#ruta
Ejemplo: https://observablehq.com/@d3/d3-path