projection = d3
.geoVanDerGrinten3()
.rotate([30, 90])
.fitExtent([[3, 3], [width - 3, height - 3]], {
type: "Sphere"
})
// https://visibleearth.nasa.gov/images/57730/the-blue-marble-land-surface-ocean-color-and-sea-ice/57732l
image = FileAttachment("land_ocean_ice_2048.jpg")
.image()
.then(d => Object.assign(d, { style: "max-height:100px" }))
height = width
import { reglCanvas, createDrawCommand, regl } with {
width,
height,
projection,
glproj,
image
} from "@fil/phytoplankton"
d3 = require("d3@7", "d3-geo-projection@3")
import { checkbox, radio, select } from "@jashkenas/inputs"
import { atan2, cos, degrees, halfPi, radians, sin, sqrt } from "@fil/math"
import { drag } from "@d3/versor-dragging"
import { fullscreen } from "@fil/fullscreen"
fullscreen(canvas)
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.
