Published
Edited
Jul 7, 2021
1 fork
Also listed in…
Projections
Insert cell
Insert cell
Insert cell
Insert cell
projection = d3
.geoWagner4()
.precision(0.1)
.fitExtent([[2, 2], [width - 2, height - 2]], {
type: "Sphere"
})
Insert cell
// https://neo.sci.gsfc.nasa.gov/view.php?datasetId=MODAL2_M_CLD_FR
image = FileAttachment("cloud fraction.jpeg")
.image()
.then(d => Object.assign(d, { style: "max-height:100px" }))
Insert cell
height = width >> 1
Insert cell
import { reglCanvas, createDrawCommand, regl } with {
width,
height,
projection,
glproj,
image
} from "@fil/phytoplankton"
Insert cell
d3 = require("d3@7", "d3-geo-projection@3", "d3-geo-polygon@1")
Insert cell
import { checkbox, radio, select } from "@jashkenas/inputs"
Insert cell
import { atan2, cos, degrees, halfPi, radians, sin, sqrt } from "@fil/math"
Insert cell
import { drag } from "@d3/versor-dragging"
Insert cell
land = d3.json(
"https://unpkg.com/visionscarto-world-atlas@0.0.6/world/110m_land.geojson"
)
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