问题标签 [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.
javascript - Onclick 事件触发,但未执行附加代码
在下面的代码中,触发了 onclick 事件,但没有附加圆圈。我不知道为什么。
也许是因为以下可变的?
代码片段:
来源:https ://observablehq.com/@statistikzh/leerwohnungszahlung
vega-lite - 我可以使用 JSON 语法(不使用 vegalite API)在可观察笔记本中使用 vegalite v-5 吗?
require("@observablehq/vega-lite")
不允许我们使用 vegalite v-5 。它使用旧版本。我知道import {vl} from '@vega/vega-lite-api-v5'
允许我们使用版本 5 并以更编程的方式编写。但是,vegalite 主页上的语法和使用 API 是不同的。那么,有没有办法在 JSON 语法中使用 vegalite v-5(例如https://vega.github.io/vega-lite/上的示例?
谢谢!
javascript - D3.js:d3-delaunay - 如何开始?
我们如何使用 D3.jsd3-delaunay
来创建 Voronoi 背景?来自官方页面的指南真的很难遵循。示例页面更糟糕。例如:_
没有其他基本代码结构 - 导入 D3、声明变量和定位 HTML 元素。那么如何应用和使用这个view
对象呢?
我在网上看了一圈。仍然找不到任何可靠的指南d3-delaunay
。有任何想法吗?
编辑:
我只想d3-delaunay
在网页上使用带有经典 JS 的纯 HTML,而不需要来自 Observerable HQ 的任何东西。但是 D3.js 的文档与 Observable HQ 紧密结合。所以我完全不知道怎么去d3-delaunay
上班。
D3.js 的创建者或团队似乎从不关心 Observerable HQ 对某些用户有多不友好和违反直觉。像 Codepen 这样的平台很棒。但如何构思和创建像 Observerable HQ 这样的平台?它在 JavaScript 库上创建了另一个不必要的大障碍层。
d3.js - ObservableHQ 中的 FileAttachment - 如果在 2 个单元格或 1 个单元格内,则行为不同:TypeError:reading.map 不是函数
如果我将以下代码放在单个 Observable HQ 单元中,我会得到
data5 = TypeError: reading.map 不是函数
但是,如果我将它分成 2 个单元格,它会起作用:
vega-lite - 在 vegalite 中添加滚动条
我正在绘制一个涉及许多数据集的水平堆叠条形图,并且想要添加一个垂直滚动条,因为一次显示所有内容并不节省空间。我在可观察的笔记本中使用 vegalite 绘制它。所以,我想知道如何在 vegalite 中包含滚动条?
vega-lite - 如何从嵌套数组访问数据对象
我正在使用 ObservableHQ 和 vega lite API 进行数据可视化,但遇到了一个我无法弄清楚的问题。问题是,我想从以下数据结构访问数据对象,
大批
- 大批
- 大批
- 物品
- 物品
- 大批
正如您在我糟糕的绘图中看到的那样,我有一个多维数组,并且想从主数组中访问一个特定的数组。如何使用 Vegalite API 做到这一点?
谢谢,
debugging - 如何在 REGL 中调试 vert 和 frag
我是 JavaScript 和 WebGL 编程的新手。我正在使用 REGL 编写一个 observablehq 笔记本。我的网址是https://observablehq.com/@listenzcc/simple-regl。
这是我的问题。
的代码vert
和frag
渲染就像
它似乎是.cpp
格式,但它显示为纯文本。
问题是,当它出错时,没有任何关于哪条线不正确的信息。它只显示错误消息,如下所示:
编译顶点着色器时出错
总之,我完全不知道如何调试它。
那么,是否有一些解决方案来调试代码?
感谢您的时间^_^。
javascript - 在一个“.map”中为数组的每个元素获取多个对象
如何为每个通过.map的同一个数组创建两个相同的对象?
有一个如下的数据集:
我想将这些放入一组对象中,我将在其中删除重复项并添加其他数据。
我目前拥有的代码:
但是当然这只是返回最后一个 rObj 集。这可以通过一个地图调用来完成吗?
vega-lite - 如何在 Vega-Lite (ObservableHQ) 中制作小提琴图
我正在尝试在 ObservableHq 的笔记本中制作小提琴图。但是,我能找到的唯一示例要么太复杂,要么在我的情况下不可用。
这是我发现的小提琴图的示例之一,但是,当我将“值”更改为“分钟”时,该图被破坏并且没有出现。
)
.width(400)
.height(100)
v.config({ view: { stroke: null }})
.render()`
提前致谢。
observablehq - 获取 ObservableHQ 单选按钮的标签
有没有办法获取单选按钮的标签?
例如我有
如果我想访问“健康体重”标签而不是classification
“正常”的值,有可能吗?