Estou tentando criar um diagrama sunburst que começa com uma única camada e, ao passar o mouse sobre um determinado arco, exibe o próximo nível para essa categoria (apenas para essa categoria). Não consigo descobrir uma maneira de fazer isso com níveis mais profundos, e estava procurando orientação para esse problema.

Eu tenho usadoesse bloco como referência, mas minhas necessidades são um pouco específicas demais para isso.

Para a primeira camada, isso funciona - eu posso exibir todas as camadas.

var arcg = pieGroup.selectAll("path")
    .data(firstLevelData, function(d){return d.data.name})
    .enter().append("path")
    .attr('class', 'arcpath')
    .attr("d", arc)
    .attr('opacity', 0.5)
    .style("fill", function(d) {return color((d.children ? d : d.parent).data.name); }).append("title")
    .text(function(d) { return d.data.name + "\n" + (d.value); });

Ao passar o mouse sobre um desses arcos, eu uso o seguinte código:

if(selectedArc.height != 0){ // if a parent of a node
       stuff = allData.filter(function(d){
           return d.parent.data.name === selectedArc.data.name});
       stuffs = pieGroup.selectAll('.arcpath').data(allData, function(d){return d.data.name})

       stuffs.enter().append("path")
        .attr('class', 'arcpath')
        .attr("d", arc)
        .style("fill", function(d) {return color((d.children ? d : d.parent).data.name); })
        .style('opacity', 0.5)
        .append("title")
          .text(function(d) { return d.data.name + "\n" + (d.value); })
    }

Isso permite que os arcos apareçam para o segundo nível (profundidade 2) dos arcos, embora não tenha certeza de como ativar a interatividade com este segundo nível - estarei pairando do meio do raio de sol de uma maneira 'joystick', então quero poder expandir qualquer setor que eu deseje.

Existem exemplos que parecem semelhantes a essa ideia? Obrigado!