이 예제는 ObservableHQ에서 노트북을 가져와 그 데이터 대신 우리의 데이터를 사용하는 방법을 보여줍니다(이 예제의 코드와 데이터는 원래 여기에 배포되었습니다).
먼저 로컬 JSON 파일을 읽어 population에 넣습니다.
그다음 https://observablehq.com/@d3/zoomable-sunburst에서 가져오고, 노트북에 내장된 데이터 대신 population을 사용하겠다고 지정합니다.
마지막으로 차트를 표시합니다.
---
title: "인구"
format:
html:
code-tools: true
toc: false
---
이 예제는 ObservableHQ에서 노트북을 가져와 그 데이터 대신 우리의 데이터를 사용하는 방법을 보여줍니다(이 예제의 코드와 데이터는 원래 [여기](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
```