问题标签 [observablehq]

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 回答
101 浏览

d3.js - D3 数据 join() 调用输入而不是更新

我想根据输入选择的数据更新名称和评级的单元格值。每当输入更改时,都会输入新值,但不会触发更新和退出功能(值不会变成绿色或红色)。知道我做错了什么吗?可以在此处找到代码的实时版本:

https://observablehq.com/@nvelden/table-merge

数据

数据功能

0 投票
0 回答
179 浏览

javascript - 在 Vue.js 组件中集成 ObservableHQ

我的问题如下:

我试图强制 Vue.js 和这个Observable 笔记本共存。

特别是,我想将该笔记本嵌入到我的组件中:

现在,请注意我在 Observable 站点中使用了 Embed 功能,并选择了 Vanilla JS 输出。然后我创建了该脚本并在本地下载了 js 文件(据我所知,Vue 不允许远程导入)。但结果如下:

在此处输入图像描述

没有 SVG。

因此,查看脚本内部,我发现问题可能是该文件也尝试导入另一个外部资源,并且由于某种原因不允许这样做。

总之,我该如何解决这个问题?

0 投票
1 回答
101 浏览

animation - 使用D3 Y轴线闪烁

我正在尝试创建一个运行折线图,其中动画变化以及 X 和 Y 轴以及线本身。

我从基本动画解释开始: https ://observablehq.com/@d3/learn-d3-animation?collection=@d3/learn-d3

并创建了我自己的(见下面的代码和链接)

我的问题是,一旦我添加await chartBug.updateY 轴就开始闪烁。请参阅下面的动画 gif:

我想我需要await,等待动画完成后再开始下一个动画,并控制动画的流畅速度。

当我在这里时,我还想问一下如何强制轴绘制开始和结束刻度。

谢谢您的帮助

这是www.observablehq.com 上页面的链接

这是问题的动画 gif - 源代码如下: 显示我的问题的动画 gif

0 投票
0 回答
105 浏览

javascript - 如何从 javascript 函数中提取数据?

我正在修改在 observablehq.com 上找到的算法。我的目标是提取从工作人员发送消息的数据并将其保存到文本/csv 文件中。我正在尝试保存数组“点”和“权重”,但我不知道从哪里开始。

这是原始代码。

0 投票
1 回答
113 浏览

javascript - observablehq 上使用什么 HTML 处理?

我刚刚阅读了d6.js 版本 6 中的更改,并在 observablehq.com 上偶然发现了这个 d3.groups() 示例

在那里,我看到了以下代码片段,用于从以下位置创建 HTML 表Map athletesBySport

这是什么样的“标记”/ HTML 处理?我可以检测到的一些特殊模式是

似乎允许执行生成内联 html 的脚本的标志。

0 投票
1 回答
96 浏览

javascript - D3:如何将使用 D3 生成的 SVG 路径的笔划剪裁到同一路径的内部?

我有一张在 Observable 上使用 D3 的等值线图。当用户将鼠标悬停在一个国家/地区上时,边界(路径)被重新绘制为红色。我想让这个边界在路径的内部延伸。

这是页面:https ://observablehq.com/d/33b758c361e919e8

这个问题类似于将现有对象用作剪切路径的简单方法?不同的是,需要为每个国家单独设置剪切路径。我只是不确定如何处理。

在理想的世界中,我会使用 SVG Strokes 扩展来简单地在路径内部绘制笔触,如下所述:你能控制如何绘制 SVG 的笔触宽度吗?

0 投票
1 回答
91 浏览

d3.js - 在 D3 sankey 图中更改节点颜色

如何更改此 sankey 图中的节点颜色

我希望两个底部中心节点的颜色与前一个链接颜色相同(在这种情况下,底部节点为红色,上方的一个为橙色)这里是新手,在此先感谢您的帮助。

0 投票
1 回答
612 浏览

javascript - 这个 Observablehq 示例中的“无效”是什么?

https://observablehq.com/@d3/force-directed-lattice?collection=@d3/d3-drag

有一条线

invalidation.then(() => simulation.stop());

这是什么失效?通过console.log,这是一个承诺,但我没有看到它在任何地方定义。

0 投票
1 回答
28 浏览

observablehq - 读取数据的具体问题

我不确定为什么数据没有加载?它之前工作正常,然后突然之间我尝试读取的任何文件都返回异步

输入:数据 = FileAttachment("cincinnati_store.json").json

单元格输出:数据 = 异步 ƒ(…)

0 投票
1 回答
36 浏览

d3.js - D3 sankey 图中更亮的节点颜色

我希望这个sankey 图中的蓝色比链接颜色更亮,但由于某种原因,它适用于所有其他颜色而不是蓝色。菜鸟在这里,提前感谢您的帮助。