问题标签 [d3heatmap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
849 浏览

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

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

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

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

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

我想要的部分结果在这里: 带有热图的树状图

0 投票
1 回答
89 浏览

r - d3heatmap 将选择返回给服务器

我正在将 d3heatmap 合并到一个闪亮的应用程序中。有什么方法可以将选定行/列的 id 或用户选择的放大区域返回到服务器?这就像“plotOutput”中的“hover”或“brush”选项。谢谢!

0 投票
1 回答
291 浏览

r - d3heatmap - 没有树状图的树状图行名和列名

是否有可能删除树状图并保持行名和列名的排序,就像它使用的那样dendrogram = 'both'

例如

两个输出看起来不同,但我想获得与第一个示例相同的图,但没有树状图。可能吗?

0 投票
1 回答
1024 浏览

javascript - heatmap.js - 从 .csv 绘制多个数据点

我正在尝试使用 heatmap.js 绘制 x1,y1 坐标,我使用 d3.csv() 方法从 .csv 文件中读取值。我尝试了https://www.patrick-wied.at/static/heatmapjs/中的示例,仅绘制了一个点,但 .csv 文件中有七个点。下面是代码。

0 投票
2 回答
339 浏览

r - 使用自定义预定义颜色的热图(d3heatmap?)

我有兴趣以热图风格呈现医院指标。我使用的是闪亮的,所以我喜欢交互式d3heatmap()绘图的外观和感觉(但对替代方案持开放态度)。

例如,假设我有 4 家医院和 5 个指标。我想绘制每个医院在每个指标上的得分,但是,着色不应取决于指标的实际值,而应取决于单独进行的统计测试(80% 的值可能表示 4/5,但也可能表示 800/ 1000,这在估计的精度方面非常不同),它具有以下分组:

  • 高于平均水平
  • 与平均值没有差异
  • 低于平均值

示例数据(请注意,实际数字没有意义):

做一个d3heatmap我得到:

(屏幕截图) 在此处输入图像描述 ,当我将鼠标悬停在它上面时,我得到了我感兴趣的指标的实际分数。但是,着色现在基于指标的实际分数,而不是我的数据框中的颜色。

如何使用示例数据框中的颜色,同时在将鼠标悬停在绘图上时保留可视化指标值的选项?

0 投票
0 回答
299 浏览

highcharts - HIghcharts 热图作为一周时间线

我遇到了这个 highcharts 热图,我正在尝试将 if 转换为 X 轴为工作日的地图。这是我的数据的样子:

Sun,18,35036 Fri,18,36644 Sun,16,25922 Fri,16,29407 Fri,15,22161 Fri,14,15978 Fri,13,11793 Fri,12,8362 Fri,11,5597 Fri,10,3945 Fri,6,7955

在这里我有weekday, hour, value。如何将每月热图转换为每周热图? JSFiddle 每月热图

0 投票
0 回答
726 浏览

javascript - 具有多种颜色的热图表。情节.js

我正在尝试重新创建这样的东西:

在此处输入图像描述

换句话说,我需要制作一个具有独立 X 轴的热图,每个都有自己的热图颜色模式(即,数字越高,背景越绿)其他的则相反。

我知道这对于高图表是不可能的我想知道 plot.ly 是否有可能。是吗?有没有我可以看的例子?

我尝试将多个 colorscaleValue 添加为数组等,但似乎没有任何效果。

我怎样才能做到这一点?如果需要,即使使用其他库。

这是我的jsfiddle作为示例。

0 投票
2 回答
639 浏览

r - R Shiny ggiraph 和 d3heatmap 兼容性问题

我正在尝试向我的 Shiny 应用程序添加交互式热图,但我也有使用 ggiraph 的交互式图表。我目前正在使用 d3heatmap 包,但热图不会在应用程序中呈现。我创建了一个玩具示例来说明这一点:

一起,只有 ggiraph 渲染,但热图没有。但是,如果您注释掉 ggiraph 代码,则会呈现热图。我尝试切换加载包的顺序,但这仍然不起作用。

我目前在 R 3.2.2 上运行(我必须使用这个版本,因为公司服务器只在这个版本上运行,我的经理和我都没有权限更新它)。我尝试下载 shinyheatmap、heatmaply 和 heatmap.2 包,但由于版本问题,安装不成功。

所以现在,我刚刚使用 pheatmap 来创建热图,但它们不是交互式的(即,当我将鼠标悬停在单个单元格上时,我无法获取值,也无法放大)。是否有任何解决方法,或者是否有其他可以工作的交互式热图包?我想避免将我所有的 ggiraph 图更改为绘图图,因为我的代码中有很多。

如果您需要任何其他信息,请告诉我。我们欢迎所有的建议!

0 投票
1 回答
3256 浏览

r - 替换数据框中的索引列

我正在尝试使用“d3heatmap”对数据集进行热图。

我有一个数据框,其第一列包含足球运动员的姓名。但是,我收到以下错误,因为该列不是数字。

rowMeans(x, na.rm = na.rm) 中的错误:'x' 必须是数字"

如何用我的第一列(播放器)替换数据框的索引列?

理想情况

我正在尝试搜索类似的问题,但我没有得到答案。

非常感谢您提前提供的帮助。非常感激。

谢谢,娟马

0 投票
1 回答
468 浏览

javascript - 热图js最小值0

我正在尝试使用 'heatmap js' library 绘制热图。对于某些输入值,如果最小值为 0,最大值为 1,则整个热图将变为红色,而不是绘制实际值。如果最大值不是 1(例如 min: 0, max 2 或 min:0 , max: 3),它可以正常工作,但仅在这种情况下,热图无法映射数据。