问题标签 [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 投票
2 回答
353 浏览

observablehq - 如何在 Observablehq 中创建带有标签的输入字段

我可以使用此代码创建一个输入文本框。在同一行添加标签,同时仍将其绑定到同一个全局变量的最佳方法是什么?

viewof myText = html`<input type="text" value="initial value">

我想

viewof myText = html`Enter something: <input type="text" value="initial value">

但 myText 没有绑定到输入字段。

0 投票
2 回答
217 浏览

javascript - d3.json observablehq 的项目限制

我正在使用 Observable 笔记本,我正在尝试从 url 加载 json 数据,但是当我这样做时:

我得到了一个只有 1000 个项目的数组,尽管原始源有超过 44000 行。我已经搜索了有关如何加载完整 json 的示例,但我没有找到任何东西。

0 投票
1 回答
288 浏览

javascript - 更新 Observablehq 反应环境中的单元格值

当单元格中的代码尝试更新另一个单元格的值时 Observablehq 运行时无法看到此事件。

Observablehq 上的简单示例:https ://beta.observablehq.com/@sen77/updating-a-cell-from-another-cell

0 投票
1 回答
1759 浏览

observablehq - 我可以在本地机器上运行 Observable 吗?

我可以在本地机器上运行Observable吗?

我在官方网站上找不到安装说明。

这是https://github.com/observablehq/notebook-runtime repo 是运行本地服务器的核心吗?

0 投票
1 回答
649 浏览

angular - 如何安装和使用 observablehq/stdlib angular 2+ 项目

我在 Angular 2+ 项目中使用 d3 图表

以下链接

使用以下行时出现错误

在角度项目中导入“observablehq/stdlib”并使用相同的步骤是什么。

如果我直接通过选择器,它就可以工作。但是,如果我得到导入库的步骤,那就太好了

lib的git repo

提前致谢

0 投票
1 回答
677 浏览

json - 为 EC2 .JSON 文件启用 CORS

我对后端有一点了解,但在使用 nginx 服务的 EC2 Amazon Linux AMI 实例上发布了一些文档。

我正在尝试从 Observablehq 访问发布在 /var/www/html 中的 .json 文件,但是当我尝试获取该 url 时出现以下错误:

CORS 策略阻止了从源“ https://askbid.static.observableusercontent.com ”获取“ https://herdtrails.com/data.json ”的访问权限:没有“Access-Control-Allow-Origin”标头存在于请求的资源上。如果不透明的响应满足您的需求,请将请求的模式设置为“no-cors”以获取禁用 CORS 的资源。

我不确定我应该如何以及在何处启用 CORS,我是否必须向 nginx.conf 添加任何内容,或者我是否必须创建一个 node.js 应用程序才能使用 CORS?

正如我所说,我现在正在学习后端,所以我很迷茫。

0 投票
1 回答
50 浏览

javascript - 强制图适用于一组数据,但不适用于类似的其他数据集

数据集 data 和 data1 在结构上相似,但是Error: missing: undefined在使用测试数据时出现错误。

observablehq 将问题指向:

完整的可运行代码位于:https ://beta.observablehq.com/d/cab995be5e806a80

data = JSON.parse('{"nodes":[{"id":"K","group":1},{"id":"C","group":1},{"id":"J","group":1},{"id":"H","group":1},.....],"links":[{"source":"K","traget":"C","value":1},{"source":"J","traget":"H","value":1},{"source":"D","traget":"K","value":1},.....]}') 以上数据集不起作用

data1 = JSON.parse('{"nodes":[{"id":"Myriel","group":1},{"id":"Napoleon","group":1},{"id":"Mlle.Baptistine","group":1},...],"links":[{"source":"Napoleon","target":"Myriel","value":1},{"source":"Mlle.Baptistine","target":"Myriel","value":8},{"source":"Mme.Magloire","target":"Myriel","value":10},{"source":"Mme.Magloire","target":"Mlle.Baptistine","value":6},...]}') 该数据集有效

我对调试这个一无所知,因为两个数据结构看起来都一样。

0 投票
1 回答
102 浏览

d3.js - 如何从 observablehq.com 获取 D3 Zoomable Circle Packing 的开源代码

我正在尝试响应我的 D3 Zoomable Circle Packing。我在https://observablehq.com/@doub1ejack/d3-zoomable-circle-packing找到了解决方案,但我不能使用它。我有这个错误: Uncaught SyntaxError: Unexpected identifier for const root = pack(data)

有谁知道我如何使用它 https://observablehq.com/@doub1ejack/d3-zoomable-circle-packing 或我需要下载哪个库非常感谢您的任何回答。

0 投票
2 回答
5169 浏览

javascript - “未捕获的 ReferenceError:未定义 DOM”

我理解这行 D3 代码,它将 SVG 元素添加到 HTML 页面的正文中,并将对新元素的引用存储在变量“svg”中:

例如,在 Scott Murray 的书 Interactive Data Visualization for the Web, 2nd Edition here中使用了它。最近我看到了这种模式:

(例如在本例本教程中)。

我想弄清楚这一行的作用,但是当我将它包含在我的脚本中时,我得到了控制台错误

未捕获的 ReferenceError:未定义 DOM

我错过了什么?我已经阅读了 Scott Murray 的书和​​ D3 选择文档(这里),但我找不到 DOM.svg 的东西。(谷歌也没有多大帮助。)

0 投票
1 回答
410 浏览

javascript - 非功能 Javascript 代码块中的返回值

我试图弄清楚 D3 画廊中 Mike Bostock 的箱线图示例中发生了什么。这是 Observable 笔记本中的代码:https ://observablehq.com/@d3/box-plot

其中有一个看起来不是函数定义但有返回值的代码块:

return当它不在函数定义中时是什么意思?