projection = d3
.geoBaker()
.rotate([10, -60, 90]) // not exactly "Atlantis"
.angle(-90)
.fitExtent([[2, 2], [width - 2, height - 2]], { type: "Sphere" })
import { image } from "@fil/armadillo-glsl"
import { glproj } from "@fil/baker-glsl"
height = width / 0.7
import { reglCanvas, createDrawCommand, regl } with {
width,
height,
projection,
glproj,
image
} from "@fil/phytoplankton"
d3 = require("d3@7", "d3-geo-projection@3")
import { drag } from "@d3/versor-dragging"
import { slider } from "@jashkenas/inputs"
import { cos, radians } from "@fil/math"
land = d3.json(
"https://unpkg.com/visionscarto-world-atlas@0.0.6/world/110m_land.geojson"
)
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.
