2d:["$","title",null,{"children":"SOLVED : Composite Projection with d3.geoClipPolygon | Saiful Azfar Ramlee | Observable"}] 32:T7b9,33:T85e,function geoMercatorMalaysiaFocusPeninsular(unclip = false) { var cache, cacheStream, peninsular = d3 .geoMercator() .center([105.023208164211823, 3.994510399260215]) .translate([487.5, 263]), peninsularPoint, borneo = d3.geoMercator().center([110.282167791558379, 2.818825712748557]), borneoPoint, point, pointStream = { point: function (x, y) { point = [x, y]; } }; function geoMercator(coordinates) { var x = coordinates[0], y = coordinates[1]; return ( (point = null), (peninsularPoint(x, y), point) || (borneoPoint(x, y), point) ); } geoMercator.invert = function (coordinates) { var k = peninsular.scale(), t = peninsular.translate(), x = (coordinates[0] - t[0]) / k, y = (coordinates[1] - t[1]) / k; return ( y >= -0.0 && y < 0.0 && x >= -0.0 && x < 0.0 ? borneo : peninsular ).invert(coordinates); }; geoMercator.stream = function (stream) { return cache && cacheStream === stream ? cache : (cache = multiplex([ peninsular.stream((cacheStream = stream)), borneo.stream(stream) ])); }; geoMercator.precision = function (_) { if (!arguments.length) return peninsular.precision(); peninsular.precision(_), borneo.precision(_); return geoMercator; }; geoMercator.scale = function (_) { if (!arguments.length) return peninsular.scale(); peninsular.scale(_), borneo.scale(_ * 0.6); return geoMercator.translate(peninsular.translate()); }; geoMercator.translate = function (_) { if (!arguments.length) return peninsular.translate(); var k = peninsular.scale(), x = +_[0], y = +_[1]; peninsularPoint = peninsular .translate(_) .preclip( unclip === "peninsular" ? (d) => d : d3.geoClipPolygon(peninsularClip) ) .stream(pointStream); borneoPoint = borneo .translate(_) .preclip(unclip === "borneo" ? (d) => d : d3.geoClipPolygon(borneoClip)) .stream(pointStream); return geoMercator; }; return geoMercator.scale(4950); }34:[{"id":"3a484ecee3fc974ddecaebfbe029a2ff2d0e13690d807846e5412c70a34dde6223706be4d3aa17fb99147a17801dfe87e440e0c806f6791ed66412cf4d18381a","href":"https://static.observableusercontent.com/files/3a484ecee3fc974ddecaebfbe029a2ff2d0e13690d807846e5412c70a34dde6223706be4d3aa17fb99147a17801dfe87e440e0c806f6791ed66412cf4d18381a","name":"MAS_MY.json","type":"application/json","lastModified":1607819727956.996,"size":255309}] 30:{"id":"3665f6736ed254fb","slug":null,"title":"SOLVED : Composite Projection with d3.geoClipPolygon","thumbnail":"7b321e9c0ecf4353b751ff4003181de66af5dfb9e66c580ed0cd835de7349ff4","access_level":"public","create_time":"$D2020-12-13T00:33:28.692Z","update_time":"$D2023-04-05T21:59:56.311Z","view_time":null,"first_public_time":"$D2020-12-13T01:32:25.682Z","has_unpublished_edits":null,"fork":{"id":"c9e29bf1a6b320ce","slug":"u-s-map-with-puerto-rico","title":"U.S. Map with Puerto Rico","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":5,"starred":false,"owner":{"type":"team","id":"e421b786e4306453","login":"saifulazfar","name":"Saiful Azfar Ramlee","avatar_url":"https://avatars-next.observableusercontent.com/970ec42c2f05d7cc9925296dcbdfa80962843529800264e2e8c6ea0a6c295a86","tier":"starter_2024","bio":""},"version":1811,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"82af4af5477d15d6","login":"saifulazfar","name":"Saiful Azfar Ramlee","avatar_url":"https://avatars-next.observableusercontent.com/970ec42c2f05d7cc9925296dcbdfa80962843529800264e2e8c6ea0a6c295a86","tier":null,"bio":""}],"members":[{"type":"individual","id":"45a379fcfcb14253","login":"fil","name":"Fil","avatar_url":"https://avatars-next.observableusercontent.com/d5b1777907117a2bdf2a07eb98600d7a9beb21639fde42b9753e95c88c7731a6","tier":null,"role":"editor"},{"type":"individual","id":"82af4af5477d15d6","login":"saifulazfar","name":"Saiful Azfar Ramlee","avatar_url":"https://avatars-next.observableusercontent.com/970ec42c2f05d7cc9925296dcbdfa80962843529800264e2e8c6ea0a6c295a86","tier":null,"role":"editor"}],"comments":[{"id":"3ea4689a74052ba8","reply_to_id":null,"content":"i want to make like https://observablehq.com/@d3/spherical-clipping","create_time":"$D2022-10-04T04:19:08.110Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"82af4af5477d15d6","login":"saifulazfar","name":"Saiful Azfar Ramlee","avatar_url":"https://avatars-next.observableusercontent.com/970ec42c2f05d7cc9925296dcbdfa80962843529800264e2e8c6ea0a6c295a86","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"SOLVED : Composite Projection with d3.geoClipPolygon","cells":[{"id":1492,"value":"# SOLVED : Composite Projection with d3.geoClipPolygon\n\nSee [issue #266](https://github.com/d3/d3-geo/issues/266) for more detailed","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1372,"value":"$32","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1778,"value":"main_map = d3.geoPath(geoMercatorMalaysiaFocusPeninsular())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1536,"value":"inset_map = d3.geoPath(\n d3\n .geoMercator()\n .translate([-335, 98])\n .scale([430])\n .preclip(d3.geoClipPolygon(normalizeWindingInPlace(worldClip)))\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1662,"value":"worldClip = normalizeWindingInPlace({\n type: \"Polygon\",\n coordinates: [\n interpolatePlanar([\n [129.544665992998603, -2.963367178416398],\n [89.626843507791392, -2.963367178416398],\n [89.626843507791392, 10.342573649986001],\n [129.544665992998603, 10.342573649986001],\n [129.544665992998603, -2.963367178416398]\n ])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1727,"value":"function interpolatePlanar(points) {\n let a = points[0];\n const pts = [a];\n for (const b of points) {\n const d = d3.geoDistance(a, b);\n if (d === 0) continue;\n const n = Math.ceil(20 * d);\n // NOT d3.geoInterpolate: we want planar interpolation\n for (const p of d3.range(n)) pts.push(d3.interpolate(a, b)((p + 1) / n));\n a = b;\n }\n return pts;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1509,"value":"peninsularClip = normalizeWindingInPlace({\n type: \"Polygon\",\n coordinates: [\n interpolatePlanar([\n [104.977105356333581, 0.969013632248864],\n [104.977105356333581, 2.392255554116743],\n [104.072337751722543, 3.342179437963805],\n [104.072337751722543, 4.124370885422481],\n [104.977105356333581, 4.986128792843825],\n [104.977105356333581, 7.020007166271566],\n [99.404428454047888, 7.020007166271566],\n [99.404428454047888, 0.969013632248864],\n [104.977105356333581, 0.969013632248864]\n ])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1520,"value":"borneoClip = normalizeWindingInPlace({\n type: \"Polygon\",\n coordinates: [\n interpolatePlanar([\n [119.657866788374648, 0.251326602847469],\n [110.316679261855924, 0.251326602847504],\n [108.851692903015675, 1.789429342910505],\n [108.849368662814143, 2.969580563873305],\n [110.359096603839973, 4.407540968957981],\n [110.359096603839973, 7.867279018726553],\n [119.657866788374648, 7.867279018726553],\n [119.657866788374648, 0.251326602847469]\n ])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"function multiplex(streams) {\n const n = streams.length;\n return {\n point(x, y) {\n for (const s of streams) s.point(x, y);\n },\n sphere() {\n for (const s of streams) s.sphere();\n },\n lineStart() {\n for (const s of streams) s.lineStart();\n },\n lineEnd() {\n for (const s of streams) s.lineEnd();\n },\n polygonStart() {\n for (const s of streams) s.polygonStart();\n },\n polygonEnd() {\n for (const s of streams) s.polygonEnd();\n }\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":625,"value":"graticule = d3.geoGraticule().step([1, 1])()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"mas = FileAttachment(\"MAS_MY.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1415,"value":"sea = d3.json(\n \"https://cdn.jsdelivr.net/npm/@geo-maps/earth-seas-5km@0.6.0/map.geo.json\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":417,"value":"world = d3.json(\"https://unpkg.com/world-atlas@2/land-10m.json\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3@latest\", \"d3-geo@latest\", \"d3-geo-polygon@latest\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1697,"value":"import { normalizeWindingInPlace } from \"@fil/normalize-winding\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1797,"value":"turf = require(\"@turf/turf\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1"}} 31:"$30:body" 2c:E{"digest":"NEXT_REDIRECT;replace;/d/3665f6736ed254fb;307;"}