Javascript 使用d3.js显示和隐藏数据可视化

我需要使用d3.js进行以下可视化，因为我是d3新手，在这方面我面临很多问题

我有一列类别，我有一个数据集：

var dataset=[
          {label: name1,
          value: 5,
          },
          {label: subname1,
          value: 2,
          },
          {label: sub1,
          value: 1,
          },
          {label: sub2,
          value: 2,
          },
          {label: subname2,
          value: 1,
          },
          {label: sub3,
          value: 1,
          },
          {label: subname3,
           value: 1,
          },
          {label: sub4,
           value: 1,
          },
          {label: subname4,
          value: 1,
          },
          {label: sub5,
          value: 1,
          },
          {label: sub6,
           value: 1,
          },
          {label: subname5,
          value: 1,
          }
     ]

贡献来自值，名称来自标签。只有单击“名称类别”时，“子名称”列才应可见，只有单击“子名称类别”时，“子”类别才应可见

以同样的方式，只有当我点击相应的类别时，才能显示贡献，有人可以在这方面提供帮助

---

JSIDLE代码。

我正在尝试执行以下操作，但它确实一点也不完美，因此，最好不要看到代码，你能帮助我执行此操作吗@AndyLewis希望你理解问题，如果这不可能，请向我建议任何替代解决方案！！我们将至少需要你在小提琴中使用的html。就目前而言，这个问题太模糊，无法回答。对不起。@AndyLewis这里没有太多html@AndyLewis我更新了fiddle文件，你现在也可以在这里看到它了。