Estoy usando D3 con React. Hay algunas animaciones como parte de la representación del gráfico D3. Una vez que se completa la animación, quiero mostrar algo en la parte React de la aplicación que se basa en el elemento representado del gráfico D3. Pero no sé cómo detectar si el gráfico D3 está completamente cargado.

Intenté usar los siguientes enfoques:

 window.addEventListener("load", function () { // additional rendering });

O

 document.addEventListener('DOMContentLoaded', function(event) { // additional rendering });

Pero ninguno de ellos funciona porque no tiene en cuenta el hecho de que la animación todavía está sucediendo. Por lo tanto, la representación que se basa en el elemento de gráfico D3 lo atrapa en el proceso de animación, por lo que se muestra fuera de lugar.

¿Algun consejo?