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

node.js - 如何使用 observablehq/plot 解决 TypeScript 声明文件错误

我正在使用 react 和 Next.js,我正在遵循本指南https://github.com/observablehq/plot,目的是渲染/可视化来自 heroku postgres DB 的一些数据。我使用了 npm install @observablehq/plot。

import * as Plot from '@observablehq/plot'

此导入行引发 ts7016 错误:

我是学习 Typescript 和创建声明文件的新手。我应该如何正确解决此错误?我读到我应该创建一个 global.d.ts 文件,但我不确定该文件的放置位置或如何构建它

0 投票
1 回答
31 浏览

d3.js - 使用 zoomIdentity 后 D3 缩放会中断鼠标滚轮缩放

当我使用 d3-zoom 并使用 zoomIdentity 以编程方式调用 scaleTo 函数时,我无法再使用鼠标滚轮进行缩放。

我该如何解决这个问题?

https://observablehq.com/d/8a5dfbc7d858a16b

0 投票
1 回答
43 浏览

exceljs - 在 observablehq 中加载 excel 文件

Observable 有一个用于加载 excel 文件的内置方法。文档说它基于exceljs

但是,由于它似乎是一个精简版,我想直接使用 exceljs。

我创建了这个笔记本

奇怪的是,加载似乎起作用了——我在对象资源管理器中看到了非平凡的数据——但是从另一个可观察的单元格访问工作表给了我一个空的工作表数组。

0 投票
0 回答
47 浏览

vega-lite - 缩小时限制比例范围

我在 ObservableHQ 中进行原型设计,链接到 notebook,图表位于“这是您的缩放图表”部分下。

我想在缩小时限制比例,这样你就不能无限缩小。为此创建了一个问题,但我似乎无法弄清楚如何启用该功能。任何人都可以帮助找出如何添加此功能吗?

https://github.com/vega/vega-lite/issues/4886

0 投票
0 回答
21 浏览

vega-lite - 使用 vega-lite API 创建可刷的地图

我正在尝试在 vega-lite API 中创建一个交互式地图,允许在地图上选择多个点。选择单个点适用于 vl.selectPoint(),但是当我更改为我想要的行为 vl.selectInterval() 时,我收到以下错误消息:

我将说明问题的代码放在observablehq 笔记本中。

非常感谢有关如何使其工作的任何帮助。

谢谢!

0 投票
0 回答
34 浏览

vega-lite - 是否可以在 observable 中为 vegalite 绑定多选复选框

我正在尝试将多选复选框添加到 vega-lite 地图。我已经看到了一些带有绑定 vega-lite 的单个复选框的示例。我想知道我是否可以有多个复选框并将其绑定在图中。我将不胜感激任何帮助

0 投票
1 回答
38 浏览

observablehq - 如何在 ObservableHQ 的笔记本之间复制多个单元格?

似乎我可以通过选择一个然后Shift+Down等来复制单元格......所有单元格上都会出现复选标记,我可以复制它,但是粘贴只是将所有内容转储到一个单元格中。而且我认为 ObservableHQ 模型是每个单元格的一些奇怪的单个等待。每个单元格的代码不能超过“一行”。

怎么粘贴?

0 投票
1 回答
106 浏览

plot - Observable Plot 中的动画数据转换

我正在使用 Javascript 库 Observable Plot 在网页上呈现条形图(而不是在 Observable 本身上)。我希望条形图中的条形图响应数据的变化进行转换:条形图应该在 y 方向上动画地增长/收缩(带有一些特殊的缓动),并且 y 轴应该重新缩放。如果可能的话,实现这一目标的最佳方法是什么?

我们可以假设柱的数量不会随时间变化(即 x 轴是恒定的),但也欢迎处理 x 轴变化的解决方案。

例如,我想从

条形图预转换

这说明data = [ 2, 5, 10, 6 ]

转换后的条形图

这说明data = [ 8, 4, 3, 2 ].

这些图是使用生成的

0 投票
1 回答
31 浏览

observablehq - 如何在 arquero 表(或其他表)上进行类似 pandas 的移位操作以在 ObservableHQ 中绘图?

例如,您的散点图规范中可能有这样的内容:

但是假设您想绘制mydata.select("x").slice(5)vs mydata.select("y").slice(-5)... 是否有一种快速或内联的方式来执行此操作?

0 投票
1 回答
24 浏览

observablehq - 在 Observable 中导入和使用 remark & rehype 插件

在 Observable 中导入顽固的模块

随着require 的引入observable使我们能够在笔记本中使用数以千计的开源 JavaScript 模块。这在几年前运作良好。但是现在很少有笔记本开始返回错误。

我正在寻找一种在 observable 中使用remark&rehype插件的方法。这是我希望能够成功运行的示例笔记本。在这个笔记本中,我注意到错误是在需要模块时,所以我尝试将它更新到最新版本(使用require-debugger),但它返回一个空对象(下面的屏幕截图)。所以相关单元格返回not a function错误

较新版本的 Observable 对 require 的支持是否有限?如果不是如何让它工作?

更新版本要求