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

Question

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

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

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

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

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

Answer 1

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

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

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

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