2c:null 2d:["$","title",null,{"children":"Experimental two world projections | Fil | Observable"}] 32:T79e,function map(projection) { const context = DOM.context2d(width, width / 2); projection.fitExtent([[2,2],[width-2, width/2-2]], {type:"Sphere"}) var path = d3.geoPath(projection, context); context.beginPath(), path({type:"Sphere"}), context.fillStyle = "#fefef6", context.fill(); context.beginPath(), path(d3.geoGraticule()()), context.strokeStyle = "#ccc", context.stroke(); context.beginPath(), path(land), context.fillStyle = "black", context.fill(); context.beginPath(), path({type: "Sphere"}), context.strokeStyle = "#000", context.stroke(); // Polyhedral projections expose their structure as projection.root() // To draw them we need to cancel the rotate var rotate = projection.rotate(); projection.rotate([0,0,0]); // run the tree of faces to get all sites and folds var sites = [], folds = []; function recurse(face) { var site = face.site; site.id = face.id; sites.push(site); if (face.children) face.children.forEach(function(child){ folds.push({type:"LineString", coordinates: child.shared.map( e => d3.geoInterpolate(e, site)(1e-5) )}); recurse(child); }); } recurse(projection.tree()); // sites & numbers context.beginPath(), path.pointRadius(10)({type:"MultiPoint", coordinates: sites}), context.fillStyle = "white", context.strokeStyle = "black", context.fill(), context.stroke(); sites.forEach(site => { context.textAlign = "center", context.fillStyle = "black", context.font = "16px Georgia", context.textBaseline = "middle", context.fillText(site.id, projection(site)[0], projection(site)[1] - 1); }); // folding lines folds.forEach(fold => { context.beginPath(), context.lineWidth = 0.5, context.setLineDash([3,4]), context.strokeStyle = "#888", path(fold), context.stroke(); }); // restore the projection’s rotate projection.rotate(rotate); return context.canvas; }33:[] 30:{"id":"ace1a1fa81f9fc15","slug":"experimental-two-world-projections","title":"Experimental two world projections","thumbnail":"f4695949841680782fce218c2ae08b02028ad81491388c88038c01a3cede162d","access_level":"public","create_time":"$D2018-03-08T21:29:14.087Z","update_time":"$D2018-09-14T09:36:20.636Z","view_time":null,"first_public_time":"$D2018-03-08T21:30:24.548Z","fork":true,"stars":3,"starred":false,"owner":{"type":"team","id":"da2a32154638c457","login":"fil","name":"Fil","avatar_url":"https://avatars-next.observableusercontent.com/d5b1777907117a2bdf2a07eb98600d7a9beb21639fde42b9753e95c88c7731a6","tier":"starter_2024"},"version":881,"publish_version":881,"role":null,"authored":false,"authors":[{"type":"individual","id":"45a379fcfcb14253","login":"fil","name":"Fil","avatar_url":"https://avatars-next.observableusercontent.com/d5b1777907117a2bdf2a07eb98600d7a9beb21639fde42b9753e95c88c7731a6","tier":null}],"members":[{"type":"individual","id":"45a379fcfcb14253","login":"fil","name":"Fil","avatar_url":"https://avatars-next.observableusercontent.com/d5b1777907117a2bdf2a07eb98600d7a9beb21639fde42b9753e95c88c7731a6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":6,"collection":{"id":"8d7a994f5bc56ea2","slug":"projections","title":"Projections","owner":{"id":"da2a32154638c457","login":"fil","name":"Fil"}},"type":"notebook","body":{"title":"Experimental two world projections","cells":[{"id":0,"value":"md`# Experimental two world projections\n\nExperimental two world projections using [d3-geo-polygon](https://github.com/d3/d3-geo-polygon). In real applications you should probably use d3.geoMollweideHemispheres() instead of this playground [#](https://github.com/d3/d3-geo-projection#geoInterruptedMollweideHemispheres).\n\nSee other [polyhedral projections](https://beta.observablehq.com/@fil/polyhedral-projections-with-d3-geo-polygon).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":15,"value":"map(geoTwoWorld())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":823,"value":"viewof lambda = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":826,"value":"viewof phi = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":833,"value":"viewof psi = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":811,"value":"viewof faceProjection = html`