问题标签 [observablehq]

我有一个读取地图平铺图像的功能。我想跟踪某个图像是否已经被缓存。我正在使用这个线程中的这个函数：

这工作得很好。但后来我需要做一些图像处理。为了将图像数据复制到画布并逐像素处理，我需要使用CanvasRenderingContext2D.drawImage(image, 0, 0). 但它让我感到困扰的是一个跨域错误。所以我可以添加一个image.crossOrigin = "*"，它解决了这个问题，我可以写到画布上并进行我需要的图像处理。那一点看起来像这样：

出现的问题是，每次我运行包含这两位代码的较大函数时，该is_cached函数每次都返回 false，除了第一次。但我知道，即使is_cached返回 false，图像确实被缓存，因为它们以 0 延迟加载（而不是在调用新图像并且需要一些时间从服务器获取它时）。

为什么会.crossOrigin = "*"干扰.complete图像的状态？

这发生在 ObservableHQ 笔记本中。这可能与它有关吗？ObservaleHQ 有时会变得很奇怪。

ObservableHQ Notebook 有问题

getTileUrl您可以在底部的单元格中找到此代码。这个笔记本还没写完。Tile Previously Cached单击提交对输入的更改的地图后，您可以在该行看到缓存状态。

谢谢阅读。

非常感谢您提前提供的帮助。

我正在尝试在我的 wordpress 网站上添加这个桑基图。

https://observablehq.com/@d3/sankey-diagram

我很难过。我下载了 JS 代码，将其粘贴在我的 wordpress 网站上，但它给了我很多错误

是浏览器的第一个错误。

这是我在下面下载的代码：

下载的代码与网页上的代码略有不同。我尝试了两个版本的代码。

我相信我对 D3 有一些不理解的地方，它是一个模块吗？我不确定在我的 wordpress 网站上上传此内容的正确方法。

这是该站点的 URL，以使事情变得更容易： http ://danielb66.sg-host.com/2001-2/

例如https://observablehq.com/@d3/zoomable-treemap

如果您将脚本片段粘贴到<script>HTML 文件中的标记中，则（显然）它不起作用。

你应该如何运行这些东西？

到底是什么斜体f？

为什么没有语句以分号结尾，为什么声明的东西没有var？

这肯定行不通吗？

在反应项目中，我想使用一个纠结的树图，比如 - tangled-tree-visualization-ii

我该如何使用它？既然 D3 是开源库，那么上面的示例代码也是开源使用的吗？

我是 D3 的初学者。到目前为止，1. 安装了 D3 库npm install d3 --save 2. 创建了 D3 基本条形图以检查 d3 是否正常工作

而不是条形图想要使用上面共享的 tangled-tree-visualization。但它似乎使用 observablehq 生成的缩小的 runtime.js。

条形图.js

应用程序.js

我尝试使此代码有效（D3.js）。基本上，此代码呈现存储在 json 文件中的图形。

但是有一些我不明白的东西可能很明显，但我无法理解。

我有这部分代码

这会引发以下错误：

此颜色用于这部分代码：

我敢肯定，这与Javascript有关。你有什么线索可以让我理解吗？

谢谢

我正在尝试遍历一个数组，并为该数组中的每个对象打印一个计数器编号。我从以下逻辑开始：

在 Observable Notebooks (observablehq) 中，这将返回“未定义”。所以，我没有得到任何打印声明。我希望将这个逻辑传递给数组中的对象循环，并对每个对象进行计数。但是，我只是尝试使用计数器！

我也试过这个：

这也返回“未定义”。

我是新的 d3.js。我正在尝试在此链接上运行代码（observablehq）。为了运行此代码，我将该代码放在 index.js 文件中。

之后我从 html 脚本调用 index.js 文件

我从数组创建了 data.csv 文件

此代码未提供 vizhub 中此图所需的输出。 如何获得所需的输出。这是代码的vizhub链接

更新： 代码在 vizhub 中给了我以下错误

我是 d3.js 的新手。我从站点“observablehq”下载了两个代码生成图。这是代码的链接。

1-可缩放区域图

2-焦点上下文

我想在同一个浏览器窗口中显示这两个图。为此，我将文件放在同一目录中。这是可缩放区域图表的 html 代码

这是焦点上下文的html代码

我像这样在“可缩放区域图”的html文件中放置了“焦点+上下文”“脚本”

然后我使用“webstorm”将该html文件运行到浏览器中。它不会在同一个浏览器窗口中显示两个图表。它显示第一个图的错误并显示第二个图

这是“可缩放区域图”的 js 文件

这是“焦点+上下文”的js文件

如何在同一个浏览器窗口中正确显示两个图表。您可以从此链接下载完整的项目

我一直在尝试从我的 observablehq 笔记本创建动画 SVG 的视频。

在 ObservableHQ 笔记本中，我做了

覆盖性能。现在停止动画。

我正在使用 puppeteer 来增加 currentTime 并截取屏幕截图。

但

似乎没有按预期工作，并且

以上也没有。

你能帮我解决这个问题吗？

这是Observablehq 链接。

基本上我所拥有的是一个由多个折线图分层的折线图。由于每个图表只有一条线，因此不会自动生成图例，那么获取图表图例的最佳方法是什么？我一直在考虑尝试转换我的数据集。这是从 2019 年到 2020 年 6 月，CDC 每周的死亡总数。 csv 的排列方式是每个州的每个日期都有一个记录，其中每种疾病类型作为它自己的列，整数作为列值。所以没有一个要绘制的字段，有很多，因此是分层的。任何有关如何解决此问题的见解将不胜感激！这是我到目前为止的工作：

https://observablehq.com/@justin-krohn/covid-excess-deaths