land = topojson.merge(countries_simplified, countries_simplified.objects.countries_110m.geometries)
ocean = {
const c = land.coordinates.slice().sort(([a], [b]) => b.length - a.length);
return {
type: "MultiPolygon",
coordinates: [
c.map(([outerRing]) => outerRing.slice().reverse()),
c.flatMap(([, ...holes]) => holes.map((r) => r.slice().reverse()))
]
};
}
oceanRewind = turf.rewind(land, {reverse: false}) // 👎 Ne fonctionne pas
sphere = ({
"type": "Polygon",
"coordinates": [ [[-180, -90], [-180, 90], [180, 90], [180, -90], [-180, -90]] ]
})
// /!\ return geojson RFC 7946 compatible
oceanDiff = ({
"type": "MultiPolygon",
"coordinates": clip.difference(sphere.coordinates, land.coordinates)
})
oceanDiffRewind = turf.rewind(oceanDiff, {reverse: true})
projection = d3.geoEqualEarth().rotate([-150,0])
path = d3.geoPath(projection)
height = {
const [[x0, y0], [x1, y1]] = d3.geoPath(projection.fitWidth(width, outline)).bounds(outline)
const dy = Math.ceil(y1 - y0)
return dy;
}
outline = ({type: "Sphere"})
turf = require("@turf/turf")
clip = require("polygon-clipping@0.15.3")
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.
