问题标签 [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 回答
40 浏览

javascript - Onclick 事件触发,但未执行附加代码

在下面的代码中,触发了 onclick 事件,但没有附加圆圈。我不知道为什么。

也许是因为以下可变的?

代码片段:

来源:https ://observablehq.com/@statistikzh/leerwohnungszahlung

0 投票
1 回答
86 浏览

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/上的示例?

谢谢!

0 投票
1 回答
288 浏览

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 库上创建了另一个不必要的大障碍层。

0 投票
1 回答
165 浏览

d3.js - ObservableHQ 中的 FileAttachment - 如果在 2 个单元格或 1 个单元格内,则行为不同:TypeError:reading.map 不是函数

如果我将以下代码放在单个 Observable HQ 单元中,我会得到

data5 = TypeError: reading.map 不是函数

但是,如果我将它分成 2 个单元格,它会起作用:

0 投票
1 回答
256 浏览

vega-lite - 在 vegalite 中添加滚动条

我正在绘制一个涉及许多数据集的水平堆叠条形图,并且想要添加一个垂直滚动条,因为一次显示所有内容并不节省空间。我在可观察的笔记本中使用 vegalite 绘制它。所以,我想知道如何在 vegalite 中包含滚动条?

0 投票
1 回答
167 浏览

vega-lite - 如何从嵌套数组访问数据对象

我正在使用 ObservableHQ 和 vega lite API 进行数据可视化,但遇到了一个我无法弄清楚的问题。问题是,我想从以下数据结构访问数据对象,

大批

  • 大批
  • 大批
    • 物品
    • 物品
  • 大批

正如您在我糟糕的绘图中看到的那样,我有一个多维数组,并且想从主数组中访问一个特定的数组。如何使用 Vegalite API 做到这一点?

谢谢,

0 投票
0 回答
20 浏览

debugging - 如何在 REGL 中调试 vert 和 frag

我是 JavaScript 和 WebGL 编程的新手。我正在使用 REGL 编写一个 observablehq 笔记本。我的网址是https://observablehq.com/@listenzcc/simple-regl

这是我的问题。

的代码vertfrag渲染就像

它似乎是.cpp格式,但它显示为纯文本。

问题是,当它出错时,没有任何关于哪条线不正确的信息。它只显示错误消息,如下所示:

编译顶点着色器时出错

总之,我完全不知道如何调试它。

那么,是否有一些解决方案来调试代码?

感谢您的时间^_^。

0 投票
3 回答
81 浏览

javascript - 在一个“.map”中为数组的每个元素获取多个对象

如何为每个通过.map的同一个数组创建两个相同的对象?

有一个如下的数据集:

我想将这些放入一组对象中,我将在其中删除重复项并添加其他数据。

我目前拥有的代码:

但是当然这只是返回最后一个 rObj 集。这可以通过一个地图调用来完成吗?

0 投票
0 回答
50 浏览

vega-lite - 如何在 Vega-Lite (ObservableHQ) 中制作小提琴图

我正在尝试在 ObservableHq 的笔记本中制作小提琴图。但是,我能找到的唯一示例要么太复杂,要么在我的情况下不可用。

笔记本示例

这是我发现的小提琴图的示例之一,但是,当我将“值”更改为“分钟”时,该图被破坏并且没有出现。

) .width(400) .height(100) v.config({ view: { stroke: null }}) .render()`

提前致谢。

0 投票
1 回答
24 浏览

observablehq - 获取 ObservableHQ 单选按钮的标签

有没有办法获取单选按钮的标签?

例如我有

如果我想访问“健康体重”标签而不是classification“正常”的值,有可能吗?