projection = d3
.geoPatterson()
.fitExtent([[10, 10], [width - 10, height - 10]], { type: "Sphere" })
// https://visibleearth.nasa.gov/images/57730/the-blue-marble-land-surface-ocean-color-and-sea-ice/57732l
image = FileAttachment("world.topo.200401.3x5400x2700.jpg")
.image()
.then(d => Object.assign(d, { style: "max-height:100px" }))
height = width * 0.6
import { zoom, reglCanvas, createDrawCommand, regl } with {
width,
height,
projection,
glproj,
image
} from "@fil/phytoplankton"
d3 = require("d3@7", "d3-geo-projection@3")
import { slider } from "@jashkenas/inputs"
import { atan2, cos, degrees, halfPi, radians, sin, sqrt } from "@fil/math"
import { fullscreen } from "@fil/fullscreen"
fullscreen(canvas)
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.
