问题标签 [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.
observablehq - 如何在 Observablehq 中创建带有标签的输入字段
我可以使用此代码创建一个输入文本框。在同一行添加标签,同时仍将其绑定到同一个全局变量的最佳方法是什么?
viewof myText = html`<input type="text" value="initial value">
我想
viewof myText = html`Enter something: <input type="text" value="initial value">
但 myText 没有绑定到输入字段。
javascript - d3.json observablehq 的项目限制
我正在使用 Observable 笔记本,我正在尝试从 url 加载 json 数据,但是当我这样做时:
我得到了一个只有 1000 个项目的数组,尽管原始源有超过 44000 行。我已经搜索了有关如何加载完整 json 的示例,但我没有找到任何东西。
javascript - 更新 Observablehq 反应环境中的单元格值
当单元格中的代码尝试更新另一个单元格的值时 Observablehq 运行时无法看到此事件。
Observablehq 上的简单示例:https ://beta.observablehq.com/@sen77/updating-a-cell-from-another-cell
observablehq - 我可以在本地机器上运行 Observable 吗?
我可以在本地机器上运行Observable吗?
我在官方网站上找不到安装说明。
这是https://github.com/observablehq/notebook-runtime repo 是运行本地服务器的核心吗?
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?
正如我所说,我现在正在学习后端,所以我很迷茫。
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},...]}')
该数据集有效
我对调试这个一无所知,因为两个数据结构看起来都一样。
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 或我需要下载哪个库非常感谢您的任何回答。
javascript - “未捕获的 ReferenceError:未定义 DOM”
javascript - 非功能 Javascript 代码块中的返回值
我试图弄清楚 D3 画廊中 Mike Bostock 的箱线图示例中发生了什么。这是 Observable 笔记本中的代码:https ://observablehq.com/@d3/box-plot
其中有一个看起来不是函数定义但有返回值的代码块:
return
当它不在函数定义中时是什么意思?