chart = createTree(
d3.hierarchy(data),
d => d.data.name,
height,
fontSize,
margin
)
viewof fontSize = slider({
title: "fontSize",
min: 1,
max: 20,
value: 10,
step: 1
})
viewof height = slider({
title: "height",
min: 100,
max: 1600,
value: 600,
step: 10
})
margin = ({ top: 20, right: 10, bottom: 20, left: 10 })
data = FileAttachment("data.json").json()
import { slider } from '@jashkenas/inputs'
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
