primaryForest = FileAttachment("primary_forest.csv").csv()
md`## All tree cover loss in 2020`
padding = 10
hierarchy = d3.hierarchy(data)
.sum(d => d.value)
.sort((a, b) => b.value - a.value)
treeCoverLossHierarchy = d3.hierarchy(treeCoverLossData)
.sum(d => d.value)
.sort((a, b) => b.value - a.value)
packing = squarePacking(hierarchy)
treeCoverPacking = squarePacking(treeCoverLossHierarchy)
data = ({
name: 'World',
children: primaryForest.map(d => {
return {
'name': d.Country,
'value': d['2020']
}
})
})
treeCoverLossData = ({
name: 'World',
children: treeCoverLoss.map(d => {
return {
'name': d.country,
'value': d['2020']
}
})
})
treeCoverLoss = FileAttachment("tree_cover_loss.csv").csv()
import {d3, chart, color} from "@d3/circle-packing"
import { boundingBox, SquareArrangement } from "@esperanc/square-packing"
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.
