Todavía soy nuevo en d3 y quiero crear un gráfico circular ampliable con texto de título, texto de descripción y enlaces (los enlaces solo se muestran en las hojas) en los que se puede hacer clic y abrir una nueva página.

Descubrí cómo puedo agregarlos en un paquete circular normal, pero no puedo implementarlo con el gráfico circular ampliable (no se muestra)

Sería genial si alguien pudiera ayudarme con eso porque estoy muy atascado con esto.

Aquí mi ejemplo de trabajo completo en CodePen https://codepen.io/Lea12/pen/ExvoEgx

Y el código no funciona

 var description = g.selectAll("text") .append("text") .attr("class","description") .attr("dy", +80) .style("display", function(d) { return d.parent === root ? "inline" : "none"; }) .text(function(d) { return d.data.description; }); var url = g.selectAll("text") .append("text") .attr("class","description") .attr("dy", +120) .text("click for more information") .on("click", function(d) { window.open(d.data.url,"_blank") })