d3.js - 如何修改 observablehq 可缩放旭日形并将其复制到本地机器并运行？

Question

我想在我自己的机器上使用我自己的数据（最好使用 d3.csv）从https://observablehq.com/@d3/zoomable-sunburst制作可缩放的旭日形。所有可下载的版本都包含使用标准库的 require()('observablehq/flare')。复制 observablehq 版本（ctrl-c/-v）代码时，我根本无法让它运行，而且它看起来不像 atom 编辑器中的代码。

将所有代码从上面的页面复制到 - 不运行可下载的档案（例如来自 vizhub（https://vizhub.com/undefined/7fcc84f68758417a8a1f6076410e98ab）包含flare.json 和flare.csv，但使用stdlib observablehq 版本。

require()('@observablehq/flare').then(data => {
    console.log(data);
    const root = partition(data);

Answer 1

我们关于下载和嵌入的文档通常是在 Observable 之外在 Observable 上使用代码的方法：因为它是一个反应式编程环境，所以复制和粘贴只可能在少数孤立的情况下工作。

就这require句话而言：这就是d3-require，您可以将其作为开源库包含在内，尽管您会称它为require('@observablehq/flare').then(data => {，减去无关的第一对().