javascript - 嵌入应用程序时从 D3 Observable 中删除单元格

Question

假设我将这个来自 D3 Observable 的视觉效果嵌入到我自己的应用程序中。我们可以通过下载 tarball 文件来嵌入这些：

但这会下载所有对在线运行笔记本有用但在应用程序中显示视觉对象时不再需要的单元格。我怎样才能删除这些细胞？

我可以跑：

$('span').remove() 

...但必须有更好的方法。

Answer 1

当然——只显示chart单元格，你可以改变

const main = runtime.module(define, Inspector.into(document.body));

显示所有单元格，其中

const main = runtime.module(define, name => {
  if (name == 'chart') {
    return new Inspector(document.body)
  }
});

它只查找名为“图表”的单元格。

Answer 2

只是为了添加这个答案，这是根据标题显示多个单元格的方式：

在 HTML 文件 (index.html) 的正文中，创建元素（我将使用 2）：

<p id="title"></p>
<div id="chart"></div>

然后在<script>标签中添加以下内容：

function renderNotebook(notebook, cellNames) {
  new Runtime().module(notebook, name => {
    if (cellNames.includes(name)) {
      return new Inspector(document.querySelector(`#${name}`));
    }
  });
}

renderNotebook(define, ["title", "chart"])

请注意，我要显示的单元格称为titleand chart。希望这可以帮助！资料来源：https ://talk.observablehq.com/t/overcoming-r-is-not-iterable-with-new-runtime-or-another-mistake/2729/7