2b:null 2c:["$","title",null,{"children":"Projection Face | Roman Sverdan | Observable"}] 31:[{"id":"efcaaf9f0b260e09b6afeaee6dbc1b91ad45f3328561cd67eb16a1754096c1095f70d284acdc4b004910e89265b60eba2706334e0dc84ded38fd9209083d4cef","href":"https://static.observableusercontent.com/files/efcaaf9f0b260e09b6afeaee6dbc1b91ad45f3328561cd67eb16a1754096c1095f70d284acdc4b004910e89265b60eba2706334e0dc84ded38fd9209083d4cef","name":"land-50m.json","type":"application/octet-stream","lastModified":1695494730417.682,"size":545534}] 2f:{"id":"c0fb010158ade06c","slug":"projection-face","title":"Projection Face","thumbnail":"5c89ef08ef7065c167db19cba5e8375db73da0e4fc925589826e9c4a196ab58f","access_level":"public","create_time":"$D2023-09-23T18:45:30.417Z","update_time":"$D2024-06-08T14:00:14.534Z","view_time":null,"first_public_time":"$D2023-09-23T18:45:30.417Z","fork":{"id":"037b472c25bfbf11","slug":null,"title":"Projection Face","owner":{"id":"541364bd2c8d8c52","login":"garrettdashnelson","name":"Garrett Dash Nelson"}},"stars":1,"starred":false,"owner":{"type":"team","id":"36db9f151dbeb3bc","login":"romansverdan","name":"Roman Sverdan","avatar_url":"https://avatars-next.observableusercontent.com/f10a4afffb8f95850eb88bda500106e7c81993daee3682132a6b9dde86884569","tier":"starter_2024"},"version":150,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2c1ee78e30fade9b","login":"romansverdan","name":"Roman Sverdan","avatar_url":"https://avatars-next.observableusercontent.com/f10a4afffb8f95850eb88bda500106e7c81993daee3682132a6b9dde86884569","tier":null}],"members":[{"type":"individual","id":"2c1ee78e30fade9b","login":"romansverdan","name":"Roman Sverdan","avatar_url":"https://avatars-next.observableusercontent.com/f10a4afffb8f95850eb88bda500106e7c81993daee3682132a6b9dde86884569","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"e04751ae8992715e","slug":"lnaa-information-design-course","title":"LNAA Information Design Course","owner":{"id":"36db9f151dbeb3bc","login":"romansverdan","name":"Roman Sverdan"}},"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":true,"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\n // .geoPath(projection.fitWidth(width, outline))\n // .bounds(outline);\n // const dy = Math.ceil(y1 - y0),\n // l = Math.min(Math.ceil(x1 - x0), dy);\n // projection.scale((projection.scale() * (l - 1)) / l).precision(0.2);\n // return dy;\n return 600;\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":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"