这个示例展示了如何从ObervableHQ导入一个笔记本，并用我们自己的数据替换其数据（此示例的代码和数据最初发布在这里）。
首先，我们从本地JSON文件读取数据到population：
然后，我们从https://observablehq.com/@d3/zoomable-sunburst导入，并指定我们想使用population而不是笔记本内置的数据：
最后，我们显示图表：
---
title: "人口"
format:
html:
code-tools: true
toc: false
---
这个示例展示了如何从ObervableHQ导入一个笔记本，并用我们自己的数据替换其数据（此示例的代码和数据最初发布在[这里](https://github.com/observablehq/examples/tree/main/custom-data)）。
首先，我们从本地JSON文件读取数据到`population`：
```{ojs}
population = FileAttachment("population.json").json()
```
然后，我们从<https://observablehq.com/@d3/zoomable-sunburst>导入，并指定我们想使用`population`而不是笔记本内置的数据：
```{ojs}
import { chart } with { population as data } from "@d3/zoomable-sunburst"
```
最后，我们显示图表：
```{ojs}
chart
```