问题标签 [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 回答
151 浏览

r - 交互式热图用动画改变它的行和列

我想在 javascript 的 d3 包中制作一个看起来像这样的热图,这在 R 中可用吗?我在其中搜索了许多包,htmlwidgets但我找不到执行此图的包。请帮忙。

http://bl.ocks.org/ianyfchang/8119685

0 投票
2 回答
570 浏览

r - R闪亮中的html小部件之间的交互

我正在开发一个使用多个 html 小部件的 R 闪亮应用程序,特别是networkD3d3heatmapchorddiag

这些小部件单独工作正常。但是,在同一页面中使用它们会在它们应该存在的地方留下空白。

这是显示错误的可重现代码。UI 中的注释绘图行,您将看到绘图出现和消失。

我非常感谢您的帮助!

0 投票
0 回答
68 浏览

r - d3heatmap 中的颜色较深

我在 heatmap.2 和 d3heatmap 中做了一个热图,具有相同的参数和配色方案;但是,heatmap.2 显示出更强烈的颜色,而 d3heatmap 中的颜色看起来已褪色。知道我做错了什么吗?

0 投票
0 回答
88 浏览

r - 将鼠标悬停在 d3heatmap 图中的事件上

我想创建一个闪亮的应用程序,在单独的表格中提供与热图中特定点相对应的数据。

在闪亮的.ui中

然后在 shiny.server

然后,当用户单击热图上的任何位置时,将显示一个表格,其中包含表格中该点的值。

但是当我运行应用程序错误时

来了。点击功能对 d3heatmap 无效吗?还是我要在这个之前安装一些东西?请帮忙。

数据框 inc1 有点像

在此处输入图像描述

或者

如果我使用 heatmap.2 或 heatmap 具有相同的 shiny.ui 但

我明白了

我应该怎么做?

0 投票
4 回答
1991 浏览

javascript - D3:慢速缩放热图

我有这个可缩放的热图,放大或缩小时看起来太慢了。有什么可以让它更快/更流畅,或者它只是太多的点,这是我能拥有的最好的。我想知道是否有一些技巧可以让浏览器更轻松,同时保持工具提示等增强功能。或者也许我处理缩放功能的代码不是很好。

谢谢

0 投票
1 回答
653 浏览

javascript - 如何设置包含 D3 热图的 svg 元素的背景颜色?

我正在构建一个热图,显示一个帐户在一周内的推文活动。我的数据集由一组字典组成,其中包含工作日、小时和工作日+小时组合重复次数的计数。由于人们通常在晚上停止发推文,因此数据集中不存在一些工作日+小时组合。我的问题是,当我绘制矩形时,我只能为现有组合绘制它们,而不存在的组合保持空白。这是结果的链接,希望它能让事情更清楚:

在此处输入图像描述

如您所见,凌晨 2:00 到 8:00 之间有空格。

我不知道如何解决这个问题,但我想我可以在为包含现有组合的矩形着色之前为整个热图提供白色背景,以便不存在的矩形变为白色而不是空白。我怎样才能做到这一点?如果这是不可能的,我的问题还有其他解决方案吗?

这是我的代码:

谢谢您的帮助。

0 投票
1 回答
329 浏览

d3.js - 如何在 D3 日历热图左侧获取星期几

我正在尝试使用 D3 创建日历热图,与 Github 贡献日历非常相似。

我无法正确对齐星期几。它似乎每个月都会重复,并且没有正确的边距或对齐方式。我只希望在日历左侧显示一次。

像这样:

在此处输入图像描述

这是我的样子:

在此处输入图像描述

这是我的代码:

还有一个包含以下值的输入 csv 文件:

0 投票
0 回答
124 浏览

javascript - 我可以使用 javascript 库/插件在后台创建没有“地图”的热图吗?

我目前正在从事一个基于网络的项目,旨在可视化眼动追踪数据。我想使用 javascript 创建一个热图(如图1所示),但我想将我的热图作为图层放在另一个图像而不是实际地图上。我一直在互联网上搜索一些库/插件,发现了一些像 Leaflet、heatmap.js、D3.js 等的东西......但是,我注意到他们通常使用实际地图作为背景和经度/坐标的纬度变量。如果你能告诉我是否有办法在没有实际地图的情况下做到这一点,我会很高兴。数据将在可视化之前提供(xy 坐标、注视持续时间)

眼动追踪热图

0 投票
1 回答
173 浏览

r - echarts4r:像在 d3heatmap 中一样缩放

有没有办法在 echarts4r 中缩放热图,类似于 d3heatmap?(https://github.com/rstudio/d3heatmap)。目的是使用 echarts4r 中的回调在单击并悬停在 d3heatmap 没有的热图上时触发事件(据我所知)。

此代码是从 ( https://echarts4r.john-coene.com/articles/chart_types.html#heatmap )复制的,并添加了画笔。画笔显示并可以选择缩放窗口,但图表不会缩放。

0 投票
0 回答
26 浏览

d3.js - 带有 svg 渐变的热图颜色图例不起作用

将 defs(用于定义)元素附加到 SVG

//向defs添加一个linearGradient元素并给它一个唯一的id

var linearGradient = defs.append("linearGradient")

//水平渐变

线性渐变

//建立一个色标

var colorScale = d3.scale.linear().range(["#2c7bb6", "#00a6ca","#00ccbc","#90eb9d","#ffff8c",

//使用D3的数据添加多个色标/进入步骤

linearGradient.selectAll("停止")