29:null 2a:["$","title",null,{"children":"Drawing locator rectangles on the world | Tom Pearson | Observable"}] 2f:[{"id":"c02eba8da924c742cd3a8d7e558bff9ff85295383a7682061cda7415427f677ee1069e91147ab07311626d05a6cac70d840d76380470d6c17ecaf2c504ae00b8","href":"https://static.observableusercontent.com/files/c02eba8da924c742cd3a8d7e558bff9ff85295383a7682061cda7415427f677ee1069e91147ab07311626d05a6cac70d840d76380470d6c17ecaf2c504ae00b8","name":"N-1979-04.json","type":"application/json","lastModified":1679065523951.926,"size":361408},{"id":"254a99fef9cfdc739794cf276a25ffce226b9d17d64789497bbed4935f1fda7d621149894d3a06e546f0e5c53beda2580db0166433ff2fac65397af1aa3627ea","href":"https://static.observableusercontent.com/files/254a99fef9cfdc739794cf276a25ffce226b9d17d64789497bbed4935f1fda7d621149894d3a06e546f0e5c53beda2580db0166433ff2fac65397af1aa3627ea","name":"countries-50m.json","type":"application/json","lastModified":1678895023705.676,"size":756420}] 2d:{"id":"17402f84db80a070","slug":null,"title":"Drawing locator rectangles on the world","thumbnail":"bf9e95210538a2196d722ee7692e7116453f950368e21f4c3ff0385ef65e5007","access_level":"public","create_time":"$D2023-03-15T15:43:43.705Z","update_time":"$D2023-03-31T13:18:16.045Z","view_time":null,"first_public_time":"$D2023-03-15T15:43:43.705Z","fork":{"id":"305227651b1938c9","slug":"d3-world-map","title":"D3 world map","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"45d8dac961c18abd","login":"tomgp","name":"Tom Pearson","avatar_url":"https://avatars-next.observableusercontent.com/26cbbccc572a8a25c540387278c92aae1c68384373da7f85ef1cd717c7fbf381","tier":"starter_2024"},"version":180,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"08c8ac6bee0bc7e8","login":"tomgp","name":"Tom Pearson","avatar_url":"https://avatars-next.observableusercontent.com/26cbbccc572a8a25c540387278c92aae1c68384373da7f85ef1cd717c7fbf381","tier":null}],"members":[{"type":"individual","id":"08c8ac6bee0bc7e8","login":"tomgp","name":"Tom Pearson","avatar_url":"https://avatars-next.observableusercontent.com/26cbbccc572a8a25c540387278c92aae1c68384373da7f85ef1cd717c7fbf381","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Drawing locator rectangles on the world","cells":[{"id":0,"value":"md`# Drawing locator rectangles on the world`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":146,"value":"longitude =20;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":148,"value":"latitude = -30;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29,"value":"map = htl.html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":126,"value":"rectangle = geoRect(40,-20,10,20, 2.5, true);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":131,"value":"rectangle2 = geoRect(24,-7,-13,32, 2.5, true);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":124,"value":"geoRect = (top, left, bottom, right, precision=2.5, geojson=false) => {\n latitudeSegment(left, right, top, precision); // top left to top right\n longitudeSegment(top, bottom, right, precision); // top right to bottom right\n latitudeSegment(right, left, bottom, precision); // bottom right to bottom left\n longitudeSegment(bottom, top, left, precision); // bottom left to top left\n\n let coordinates = [\n ...latitudeSegment(left, right, top),\n ...longitudeSegment(top, bottom, right),\n ...latitudeSegment(right, left, bottom),\n ...longitudeSegment(bottom, top, left)\n ];\n\n if(geojson){\n return {\n \"type\": \"Feature\",\n \"properties\": {},\n \"geometry\": {\n \"coordinates\": [coordinates],\n \"type\": \"Polygon\"\n }\n }\n }\n return coordinates;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":118,"value":"latitudeSegment = (start=-180, end=180, lon=0, precision=2.5, geojson=false)=>{\n let inc = precision;\n if(start>end){\n inc = -precision;\n }\n const coordinates = d3.range(start, end + 1, inc)\n .map(lat => [lat, lon]);\n\n if(geojson){\n return {type: \"LineString\", coordinates }\n }\n return coordinates;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":122,"value":"longitudeSegment = (start=-90, end=90, lat=0, precision=2.5, geojson=false)=>{\n let inc = precision;\n if(start>end){\n inc = -precision;\n }\n const coordinates = d3.range(start, end + 1, inc)\n .map(lon => [lat, lon]);\n\n if(geojson){\n return {type: \"LineString\", coordinates }\n }\n return coordinates;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"projection = d3.geoOrthographic()\n .rotate([longitude, latitude]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":86,"value":"Many other projections are available. [Browse them here](https://observablehq.com/collection/@d3/d3-geo-projection).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":40,"value":"path = d3.geoPath(projection)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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"},{"id":22,"value":"outline = ({type: \"Sphere\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":114,"value":"graticule = d3.geoGraticule10()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16,"value":"land = topojson.feature(world, world.objects.land)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":105,"value":"borders = topojson.mesh(world, world.objects.countries, (a, b) => a !== b)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":13,"value":"world = FileAttachment(\"countries-50m.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":152,"value":"ice = FileAttachment(\"N-1979-04.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2e:"$2d:body"