D3 中的自定义树状图

Question

也许这不是这个问题的地方，但也许有人是 D3.js 的有经验的用户。

我想创建一个树状图，我最初在其中显示来自不同级别（预先计算）的节点，并且节点的颜色不同。对于彩色部分和灰色部分，节点有不同的工具提示。

我还想用热图来支持这一点。

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

我想要的部分结果在这里：

Answer 1

您的问题的简短回答是肯定的。

我正在研究同样类型的问题/挑战，并发现了一个非常好的示例，几乎完全符合您的描述：https://github.com/MaayanLab/clustergrammer

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

我了解您的问题，您不喜欢预先计算的输入。我正在构建的应用程序也是如此。我正在研究从 SQLquery 生成 json 文件，然后可以连接到 clustergrammer.js 代码。如果我发现更多/有一个不同的/有效的解决方案可以即时完成所有事情，我会更新这个帖子。