observablehq相关内容

“未捕获的引用错误:未定义 DOM"

我理解这行 D3 代码,它将一个 SVG 元素添加到 HTML 页面的正文中,并将对新元素的引用存储在变量“svg"中: var svg = d3.select('body').append('svg').attr('width', 500).attr('height',50); 例如,在 Scott Murray 的《Web 交互式数据可视化》一书中使用,第二版 此处.最近我看到了这种模式: ..
发布时间:2021-12-18 19:48:56 前端开发

非函数 Javascript 代码块中的返回值

我正在尝试弄清楚 D3 画廊中 Mike Bostock 的 Box Plot 示例中发生了什么.这是 Observable 笔记本中的代码:https://observablehq.com/@d3/box-plot 其中有一个代码块,它似乎不是函数定义,但具有返回值: chart = {const svg = d3.select(DOM.svg(width, height));const ..
发布时间:2021-12-18 19:03:37 前端开发

“未捕获的ReferenceError:未定义DOM";

我了解这行D3代码,该行将SVG元素添加到HTML页面的正文中,并将对新元素的引用存储在变量'svg'中: var svg = d3.select('body').append('svg').attr('width',500).attr('height',50); 例如,在斯科特·默里(Scott Murray)的《网络交互式数据可视化》第二版此处.最近,我看到了这种模式: const ..
发布时间:2021-04-28 18:38:11 前端开发

使用document.createElement(' canvas')时未显示图例

我关注了此可观察的帖子,以轻松创建图例. 自行 DOM.canvas(1,n) ramp 中的 仅适用于Observable,我将其替换为 document.createElement("canvas") ,还修改了SVG,以便将其附加到主div标签上.这些更改不会引起任何错误,但是问题是,即使原始HTML中存在图例SVG,也不会显示图例. 这是链接到JSFiddle ..
发布时间:2021-04-21 19:20:08 前端开发

添加img.crossOrigin ="*"干扰img.complete

我有一个读取地图图块图像的功能.我想跟踪某个图像是否已经被缓存.我正在使用此线程中的此功能: 函数is_cached(src){var image = new Image();image.src = src;返回image.complete;} 这很好.但是然后我需要做一些图像处理.为了将图像数据复制到画布并按像素进行处理,我需要使用 CanvasRenderingContext2D.dra ..
发布时间:2021-04-21 18:44:25 前端开发

如何从d3导入子模块以轻松创建图例?

我对JavaScript和D3比较陌生,因此请记住这一点。我创建了一个可视化效果,以显示访问仓库中特定位置的频率,并希望使用连续的色标添加图例。 我看了几个块,可能会切线,但是我遇到了此网页,并希望使用图例功能。天真地,我尝试从“ @ d3 / color-legend”中添加 import {legend} 失败。我不确定要执行此导入操作该怎么做。我已经下载了最新 ..
发布时间:2020-10-14 21:10:31 前端开发

使用document.createElement('canvas')时未显示图例

我关注了此可观察的帖子,以轻松创建图例. 自行 DOM.canvas(1, n) ramp中的 仅适用于Observable,我将其替换为 document.createElement("canvas") ,还修改了SVG,以便将其附加到主div标签上.这些更改不会引起任何错误,但是问题是,即使原始HTML中存在图例SVG,也不会显示图例. 这是链接.任何指导将不 ..
发布时间:2020-07-21 01:51:39 前端开发

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

我正在尝试弄清Mike Bostock D3画廊的Box Plot示例中发生的情况.以下是可观察笔记本中的代码: https://observablehq.com/@d3/box-plot 其中有一个似乎不是函数定义但具有返回值的代码块: chart = { const svg = d3.select(DOM.svg(width, height)); const g ..
发布时间:2020-07-21 01:18:00 前端开发

如何运行D3示例

例如 https://observablehq.com/@d3/zoomable-treemap 如果将脚本片段粘贴到HTML文件中的标记中,(显然)它将不起作用. 您应该如何运行这些东西? 什么是斜体f? 为什么没有语句以分号结尾,为什么在没有var的情况下声明内容? 这肯定行不通吗? ..
发布时间:2020-07-20 23:58:05 其他开发