No entiendo por qué mi controlador de eventos de clic no funciona. Sé que el controlador de eventos se está ejecutando porque puedo ver el resultado de las tres declaraciones de console.log(). El problema es que el evento de clic no cambia el color de relleno. Mi código está todo contenido en una celda de cuaderno Observable. Estoy usando d3 versión 7.3.0.

 chart = { const height = 200; const svg = d3.create("svg") .attr("width", width) .attr("height", height); let my_circles = svg .selectAll("circle") .data(d3.range(10)) .enter() .append("circle") .attr("cx", d => d * 50) .attr("cy", height / 2) .attr("r", d => Math.random() * 20) .attr("fill", "blue"); my_circles .on("click", (event, d) => { console.log(event); console.log(d); console.log(d3.select(this)); d3.select(this).attr("fill", "orange"); }); return svg.node(); }

Se agradece la ayuda y gracias.

Pablo