D3.js D3中的自定义树状图

也许这里不是提出这个问题的地方，但也许有人是D3.js的资深用户

我想创建一个树状图，在这里我首先显示来自不同级别（预计算）的节点，并且节点的颜色不同。对于有色零件和灰色零件，节点具有不同的工具提示

另外，我想在这一点的旁边放一张热图

你认为在D3中结合这些东西是可能的吗？ 由于要做的工作相当大，我想知道，甚至开始这样做是否合理

我的部分目标是：

---

你的问题的简短答案是肯定的

我正在研究同样的问题/挑战，发现了一个非常好的例子，几乎完全符合您所描述的：

由于该解决方案涉及10k+行代码，并且本案例不是简单的“使用此功能”回答，因此我不提供代码摘录（有关详细信息，请参阅他们的github）。简言之它使用D3库+javascript代码动态绘制、缩放和排序热图和折叠的树状图。它从预先计算的json文件加载（元数据），该文件包含集群信息和一些元数据

---

我理解你的问题，你不喜欢预先计算的输入。我正在构建的应用程序也是如此。我正在研究从SQLquery生成json文件的一般化过程，然后将其连接到clustergrammer.js代码。如果我发现更多/有一个不同的/有效的解决方案，我将更新此线程，该解决方案可以快速完成所有工作。

在这个问题结束之前：是的，这是可能的。因此我开始寻找我需要的单独部分。你知道有什么参考资料吗，在那里我可以找到这样的特征：如果我点击树的节点，节点会展开，热图部分也会展开。在原始视图中，我仅显示随机选择的热图。或者我如何连接两个部分-树节点和热图。不，我不记得有任何参考资料，你必须全部完成-这需要大量的工作，但同样是可能的。嗨，Liis，也许你可以扩展新的热图包来实现这一点（因为它是ggplot2对象的混合体。因此，如果你想提出类似的建议，我们可以讨论它）。看：嗨。我的最终目标是创建一个web应用程序，为这种奇怪的带有热图的交互式树状图服务。我正在用python进行预处理。我现在看不到如何在我的应用程序中使用这个热图。如果你能看到，那么让我知道：）谢谢你的投入：）我已经设法做到了这一点，把碎片放在一起：）