D3中的自定义树形图

时间:2016-06-02 11:31:31

标签: d3.js heatmap dendrogram d3heatmap

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

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

另外,我想用热图来支持它。

你认为在D3中合并这些东西是否可行? 由于这样做的工作量非常大,我想知道是否合理甚至开始。

我瞄准的部分结果是: Dendrogram with heatmap

1 个答案:

答案 0 :(得分:-1)

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

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

由于该解决方案涉及10k +代码行,因此这种情况并非简单,而是使用此方法来实现此目的'回答我没有提供代码摘录(有关详细信息,请参阅他们的github)。简而言之;它使用D3库+ javascript代码进行热图的动态绘图,缩放和排序以及折叠的树状图。它从预先计算的json文件加载(meta)数据,该文件包含有关集群和一些元数据的信息。

我理解你的问题,你不喜欢预先计算的输入。对于我正在建立的应用程序也是如此。我正在考虑从SQLquery中推广json文件的生成,然后可以连接到clustergrammer.js代码。如果我发现更多/有一个不同的/工作解决方案可以随时执行所有操作,我将更新此线程。