Public
Edited
May 14, 2023
1 star
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
activity = Plot.plot({
color: {
type: "threshold",
scheme: "orrd",
domain: [0.25, 0.5, 0.75, 0.95, 0.99].map((d) =>
Math.round(d3.quantile(value, d))
)
},
projection: { type: () => projection, domain: { type: "Sphere" } },
marks: [
Plot.geo(land, {
clip: "sphere",
fill: "#555",
strokeWidth: 0.5
}),
Plot.graticule({ clip: "sphere" }),
Plot.dot(
dataRdn,
Plot.hexbin(
{
fill: (g) => d3["max"](g, (d) => d.activity),
title: (elems) =>
`${rdn} (max.): ${parseInt(d3["max"](elems, (d) => d.activity))}`
},
{
x: "lon",
y: "lat",
fillOpacity: 0.9,
symbol: "hexagon",
stroke: "black",
strokeWidth: 0.1,
binWidth: 5
}
)
),
Plot.sphere({ strokeWidth: 0.5 })
],
caption: htl.html`MARIS Sediments ${rdn} activity (hover on hexagon to see the maximum value).`,
width: 1200
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
maxDepth = d3.max(dataRdn, (d) => d.depth)
Insert cell
maris-seawater-2023-04-15@1.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

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.
Learn more