En primer lugar, estoy usando d3.js para mostrar círculos de diferentes tamaños en matrices. Al pasar el mouse, quiero que el círculo que se va a mover se haga más grande, lo que puedo hacer, pero no tengo idea de cómo traerlo al frente. Actualmente, una vez que se procesa, se oculta detrás de otros círculos. ¿Cómo puedo arreglar esto?

Aquí hay un ejemplo de código:

   .on("mouseover", function() { 
    d3.select(this).attr("r", function(d) { return 100; })
  })

Intenté usar los métodos de ordenar y ordenar, pero no funcionaron. Estoy bastante seguro de que no lo hice correctamente. ¿Alguna idea?