d3.js - 将 D3 Observable 转换为独立网页 - 比如 blocks.org？

Question

我想运行这个 D3 可视化

https://beta.observablehq.com/@mbostock/d3-zoomable-sunburst

作为一个独立的网页，就像这里的这个

https://bl.ocks.org/maybelinot/5552606564ef37b5de7e47ed2b7dc099

Observable 是否具有导出到.html文件的功能？或者我需要改变什么才能使其独立？

标签： d3.jsobservabledata-visualization

Answer 1

可悲的是，这不再那么容易了。

他们已经“归档”了 bl.ocks.org 并正在推动 ObservableHQ 笔记本的采用。您实际上可以稍加努力地嵌入笔记本，但它们是从https://api.observablehq.com提供的。还有其他选项，但没有什么可以让您轻松提取 html、javascript 和 css 并自己托管它，就像 bl.ocks.org 所做的那样。充其量，你现在必须拼凑更多的东西。一种方法是单击某些笔记本的右上角上下文菜单，然后选择导出 > 下载代码。另一个可能的选择是这个工具。

<related-humble-opinion> 我不知道 d3 bl.ock.org 的示例是否变得如此之好以至于西装搬进来了......或者 Mike Bostock（我们故事的主人公）是否真的相信我们需要“数据流” ...... . 但事情从这里看起来很糟糕......似乎没有什么好事能持续...... < /relevant-humble-opinion >