Public
Edited
Oct 4, 2023
1 fork
Insert cell
Insert cell
map = Plot.plot({
width,
color: { legend: true, type: "linear", scheme: "YlOrRd", domain: [15, 35] },
projection: "equal-earth",
marks: [
// Plot.graticule(),
Plot.geo(land, { fill: "#ececec" }),
Plot.dot(
data.filter((d) => d["p99.9 of WBT"] < 20),
{
x: "longitude",
y: "latitude",
fill: "#ccc",
opacity: 1,
r: 2
}
),
Plot.dot(
data.filter((d) => d["p99.9 of WBT"] >= 20),
{
x: "longitude",
y: "latitude",
fill: "p99.9 of WBT",
opacity: 0.75,
r: 2
}
),
// Plot.dot(
// [
// { longitude: 0, latitude: -50, value: 20 },
// { longitude: 10, latitude: -50, value: 25 },
// { longitude: 20, latitude: -50, value: 30 },
// { longitude: 30, latitude: -50, value: 35 }
// ],
// {
// x: "longitude",
// y: "latitude",
// fill: "value",
// r: 10
// }
// ),
Plot.dot(
data.filter((d) => d["all-time max WBT"] >= 36.5),
{
x: "longitude",
y: "latitude",
fill: "all-time max WBT",
fillOpacity: 0,
stroke: "#000",
r: 5,
tip: "xy"
}
),
Plot.sphere()
]
})
Insert cell
Graphic C.1 data, Figure 3 past wet bulb temps.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
data = {
const data = await FileAttachment(
"Graphic C.1 data, Figure 3 past wet bulb temps.csv"
).csv({ typed: true });

return data;
}
Insert cell
data.columns
Insert cell
import { land } from "647cbe5c1ac9e332"
Insert cell
import { world } from "@jashkenas/latitude-longitude-world-map-plotter"
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