我想运行这个D3可视化
https://beta.observablehq.com/@mbostock/d3-zoomable-sunburst
作为一个独立的网页,就像这个
https://bl.ocks.org/maybelinot/5552606564ef37b5de7e47ed2b7dc099
Observable有导出到.html
文件的功能吗?或者我需要做什么修改才能使它独立?
我想运行这个D3可视化
https://beta.observablehq.com/@mbostock/d3-zoomable-sunburst
作为一个独立的网页,就像这个
https://bl.ocks.org/maybelinot/5552606564ef37b5de7e47ed2b7dc099
Observable有导出到.html
文件的功能吗?或者我需要做什么修改才能使它独立?
2条答案
按热度按时间kd3sttzy1#
很遗憾,这不再那么容易了。
他们已经“存档”了bl.ocks.org,并正在推动ObservableHQ笔记本电脑的采用。实际上,你可以稍微努力一下就可以使用embed notebooks,但它们是从https://api.observablehq.com提供的。有other options,但没有任何东西可以让你像bl.ocks.org那样轻松地取出html、javascript和css并自己托管它。充其量,现在你必须把更多的东西拼凑在一起。一个方法是点击一些笔记本右上角的上下文菜单,然后选择导出〉下载代码。另一个可能的选择是this tool。
< relevant-humble-opinion >我不知道是d3 bl.ock.org的例子太好了,以至于西装都搬进来了...还是Mike Bostock(我们故事的主人公)真的相信我们需要"dataflow" ...但从这里看,情况很糟糕...没有什么好事能持续...< /relevant-humble-opinion >
i2loujxw2#
在Observable示例页面上,我单击了fork选项旁边的三个点,然后选择了export,然后选择了“download code”。我将tar文件解压缩到了我的机器上的一个文件夹中。在Readme中,它建议您在终端中运行$npxhttp-server,在你的机器上运行一个本地服务器。在你的浏览器中打开这个位置,它应该会显示几乎和网页一样的东西。它应该足够接近你要找的东西。
使用的可观察页面Reusable Choropleth Map