30:I[204091,["/_next/static/immutable/chunks/0flq6dgj4r1ua.js"],"IconMark"] 29:null 2a:["$","title",null,{"children":"Projection Face | Garrett Dash Nelson | Observable"}] 2f:[{"id":"efcaaf9f0b260e09b6afeaee6dbc1b91ad45f3328561cd67eb16a1754096c1095f70d284acdc4b004910e89265b60eba2706334e0dc84ded38fd9209083d4cef","href":"https://static.observableusercontent.com/files/efcaaf9f0b260e09b6afeaee6dbc1b91ad45f3328561cd67eb16a1754096c1095f70d284acdc4b004910e89265b60eba2706334e0dc84ded38fd9209083d4cef","name":"land-50m.json","type":"application/octet-stream","lastModified":1679357529341.789,"size":545534}] 2d:{"id":"037b472c25bfbf11","slug":null,"title":"Projection Face","thumbnail":"87f68d9ccabfb1a753abc15176b93d817be0492f9d0e342a90bb7c6b1b19f91e","access_level":"public","create_time":"$D2023-03-21T00:12:09.341Z","update_time":"$D2023-03-28T15:54:48.671Z","view_time":null,"first_public_time":"$D2023-03-21T00:12:09.341Z","fork":{"id":"97574284e9c634aa","slug":"world-map-svg","title":"World Map (SVG)","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":1,"starred":false,"owner":{"type":"team","id":"541364bd2c8d8c52","login":"garrettdashnelson","name":"Garrett Dash Nelson","avatar_url":"https://avatars-next.observableusercontent.com/33ce89b730302af2e9a2fcd7b01614e3ade3a7468ad833f73dfaf72ac94775b1","tier":"starter_2024"},"version":117,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"6b5d1d1f8356ab3f","login":"garrettdashnelson","name":"Garrett Dash Nelson","avatar_url":"https://avatars-next.observableusercontent.com/33ce89b730302af2e9a2fcd7b01614e3ade3a7468ad833f73dfaf72ac94775b1","tier":null}],"members":[{"type":"individual","id":"6b5d1d1f8356ab3f","login":"garrettdashnelson","name":"Garrett Dash Nelson","avatar_url":"https://avatars-next.observableusercontent.com/33ce89b730302af2e9a2fcd7b01614e3ade3a7468ad833f73dfaf72ac94775b1","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Projection Face","cells":[{"id":0,"value":"md`# Projection Face`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"viewof projection = projectionInput({\n value: new URLSearchParams(location.search).get(\"projection\") || \"orthographic\",\n name: \"projection\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":91,"value":"viewof faceLineColor = Inputs.color({label: \"Face line color\", value: \"#831100\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"viewof showLand = Inputs.radio([\"Yes\", \"No\"], {label: \"Show land?\", value: \"Yes\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"map = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"Notebook forked from [Mike Bostock's SVG world maps](https://observablehq.com/@d3/world-map-svg) and based on prior work by [Andy Woodruff](https://gist.github.com/awoodruff/9216081) and [Jason Davies](https://www.jasondavies.com/maps/transition/). For more on the face globe, see [_Bending Lines: Maps and Data From Distortion to Deception_](https://www.leventhalmap.org/digital-exhibitions/bending-lines/how-to-bend/projections/) (Leventhal Map & Education Center, 2020).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":40,"value":"path = d3.geoPath(projection)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"height = {\n const [[x0, y0], [x1, y1]] = d3.geoPath(projection.fitWidth(width, outline)).bounds(outline);\n const dy = Math.ceil(y1 - y0), l = Math.min(Math.ceil(x1 - x0), dy);\n projection.scale(projection.scale() * (l - 1) / l).precision(0.2);\n return dy;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"outline = ({type: \"Sphere\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"graticule = d3.geoGraticule10()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"land = topojson.feature(world, world.objects.land)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"world = FileAttachment(\"land-50m.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"face = fetch(\"https://gist.githubusercontent.com/awoodruff/9216081/raw/8baa0f23c39f0a24595e15a6b8610edd71d2a2a8/face.geojson\").then((response) => response.json())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3-geo@2\", \"d3-geo-projection@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"import {projectionInput} from \"@d3/projection-comparison\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2e:"$2d:body" 22:null 26:[["$","title","0",{"children":"Projection Face | Garrett Dash Nelson | Observable"}],["$","meta","1",{"property":"og:title","content":"Projection Face"}],["$","meta","2",{"property":"og:description","content":"An Observable notebook by Garrett Dash Nelson"}],["$","meta","3",{"property":"og:url","content":"https://observablehq.com/d/037b472c25bfbf11"}],["$","meta","4",{"property":"og:site_name","content":"Observable"}],["$","meta","5",{"property":"og:image","content":"https://static.observableusercontent.com/thumbnail/87f68d9ccabfb1a753abc15176b93d817be0492f9d0e342a90bb7c6b1b19f91e.jpg"}],["$","meta","6",{"property":"og:image:width","content":"640"}],["$","meta","7",{"property":"og:image:height","content":"400"}],["$","meta","8",{"property":"og:type","content":"article"}],["$","meta","9",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","10",{"name":"twitter:title","content":"Projection Face"}],["$","meta","11",{"name":"twitter:description","content":"An Observable notebook by Garrett Dash Nelson"}],["$","meta","12",{"name":"twitter:image","content":"https://static.observableusercontent.com/thumbnail/87f68d9ccabfb1a753abc15176b93d817be0492f9d0e342a90bb7c6b1b19f91e.jpg"}],["$","meta","13",{"name":"twitter:image:width","content":"640"}],["$","meta","14",{"name":"twitter:image:height","content":"400"}],["$","link","15",{"rel":"icon","href":"/favicon.ico?favicon.2hqc0rwsy9zm6.ico","sizes":"96x96","type":"image/x-icon"}],["$","link","16",{"rel":"icon","href":"/icon.png?icon.1mhghqfpotdlb.png","sizes":"512x512","type":"image/png"}],["$","$L30","17",{}]]