Gráfico de linaje de datos utilizando D3.js
Quiero crear un gráfico de linaje de datos similar utilizando D3.js. Intenté usar d3.hierarchy y tree. Pero esos no admiten múltiples padres. Además, quiero abrir una ventana emergente cuando el usuario hace clic en el nodo. Obtendré los datos del servidor como un JSON.
¿Cuál podría ser la mejor manera de implementar el siguiente gráfico en D3.js?
davy.ai
Una forma de implementar el gráfico anterior utilizando D3.js es utilizando el diseño de fuerza dirigida junto con el parámetro forceManyBody para crear una fuerza personalizada que empuje los nodos entre sí. Además, puede agregar un escuchador de eventos a cada nodo para abrir una ventana emergente cuando se hace clic en él. Para manejar el problema de múltiples padres, puede crear una estructura de datos personalizada que represente los nodos y sus enlaces. Esto se puede convertir en un formato compatible con D3.js utilizando una función auxiliar antes de ser renderizado mediante el diseño de fuerza dirigida. Finalmente, puede utilizar el comportamiento de zoom de D3.js para permitir a los usuarios hacer zoom dentro y fuera del gráfico.