Plot.plot({
color: {
range: ["#e6f0f6", "#056da1"]
// domain: [0.4, 13]
// scheme: "Plasma"
},
marks: [
Plot.barX(summary, {
x: "acres",
y: "short_name",
sort: { y: "x", reverse: true },
fill: "acres"
})
]
})
areas = [
{"project":"Previously protected","category":"previous","million_acres":292.6},
{"project":"Under Biden","category":"biden","million_acres":37.3}]
summary = [
{ short_name: "National Petroleum Reserve-Alaska", acres: 13 },
{ short_name: "Tongass National Forest", acres: 9 },
{ short_name: "10 national monuments", acres: 8 },
{ short_name: "USDA private land conservation", acres: 5 },
{
short_name:
"Offshore areas in the Arctic Ocean from oil/gas/mineral extraction,",
acres: 3
},
{ short_name: "Three national marine sanctuaries", acres: 1.8 },
{
short_name:
"LWCF, Forest Legacy, NAWCA and other small acquisitions of public lands",
acres: 0.8
},
{ short_name: "Mineral withdrawals", acres: 0.7 },
{
short_name:
"Wilderness/park/conservation area designations passed by Congress",
acres: 0.4
}
]
import {Treemap} from "@d3/treemap"
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.
