问题标签 [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.
d3.js - D3 数据 join() 调用输入而不是更新
我想根据输入选择的数据更新名称和评级的单元格值。每当输入更改时,都会输入新值,但不会触发更新和退出功能(值不会变成绿色或红色)。知道我做错了什么吗?可以在此处找到代码的实时版本:
https://observablehq.com/@nvelden/table-merge
数据
数据功能
animation - 使用D3 Y轴线闪烁
我正在尝试创建一个运行折线图,其中动画变化以及 X 和 Y 轴以及线本身。
我从基本动画解释开始: https ://observablehq.com/@d3/learn-d3-animation?collection=@d3/learn-d3
并创建了我自己的(见下面的代码和链接)
我的问题是,一旦我添加await chartBug.update
Y 轴就开始闪烁。请参阅下面的动画 gif:
我想我需要await,等待动画完成后再开始下一个动画,并控制动画的流畅速度。
当我在这里时,我还想问一下如何强制轴绘制开始和结束刻度。
谢谢您的帮助
javascript - 如何从 javascript 函数中提取数据?
我正在修改在 observablehq.com 上找到的算法。我的目标是提取从工作人员发送消息的数据并将其保存到文本/csv 文件中。我正在尝试保存数组“点”和“权重”,但我不知道从哪里开始。
这是原始代码。
javascript - observablehq 上使用什么 HTML 处理?
我刚刚阅读了d6.js 版本 6 中的更改,并在 observablehq.com 上偶然发现了这个 d3.groups() 示例。
在那里,我看到了以下代码片段,用于从以下位置创建 HTML 表Map
athletesBySport
:
这是什么样的“标记”/ HTML 处理?我可以检测到的一些特殊模式是
和
似乎允许执行生成内联 html 的脚本的标志。
javascript - D3:如何将使用 D3 生成的 SVG 路径的笔划剪裁到同一路径的内部?
我有一张在 Observable 上使用 D3 的等值线图。当用户将鼠标悬停在一个国家/地区上时,边界(路径)被重新绘制为红色。我想让这个边界在路径的内部延伸。
这是页面:https ://observablehq.com/d/33b758c361e919e8
这个问题类似于将现有对象用作剪切路径的简单方法?不同的是,需要为每个国家单独设置剪切路径。我只是不确定如何处理。
在理想的世界中,我会使用 SVG Strokes 扩展来简单地在路径内部绘制笔触,如下所述:你能控制如何绘制 SVG 的笔触宽度吗?
d3.js - 在 D3 sankey 图中更改节点颜色
如何更改此 sankey 图中的节点颜色
我希望两个底部中心节点的颜色与前一个链接颜色相同(在这种情况下,底部节点为红色,上方的一个为橙色)这里是新手,在此先感谢您的帮助。
javascript - 这个 Observablehq 示例中的“无效”是什么?
https://observablehq.com/@d3/force-directed-lattice?collection=@d3/d3-drag
有一条线
invalidation.then(() => simulation.stop());
这是什么失效?通过console.log,这是一个承诺,但我没有看到它在任何地方定义。
observablehq - 读取数据的具体问题
我不确定为什么数据没有加载?它之前工作正常,然后突然之间我尝试读取的任何文件都返回异步
输入:数据 = FileAttachment("cincinnati_store.json").json
单元格输出:数据 = 异步 ƒ(…)
d3.js - D3 sankey 图中更亮的节点颜色
我希望这个sankey 图中的蓝色比链接颜色更亮,但由于某种原因,它适用于所有其他颜色而不是蓝色。菜鸟在这里,提前感谢您的帮助。