2c:null 2d:["$","title",null,{"children":"MCP Focus Peninsular | Malaysia Open GIS Initiatives | Observable"}] 32:T6a8,- Malaysia borneo scaled down half peninsular scale, based on d3 Mercator EPSG:4326 - Now the projection fit to aspect ratio 16:10, should be looking great on notebook automatic thumbnail too. The map size are 975px * 609px. - The projection has been designed with avenza map publisher and port out to adapt d3 for web visualization. There is known wgs84 datum +- precision error and the design are slightly different from what we expect. However we can neglect this issue since this is not intend to be use for smaller scale and for large size printing - Margin top/bottom: 40px; left/right: 20px; and for map with gutter: 8px. The margin has been set on avenza map publisher not using d3/svg margin. There is slightly different in margin within +- 5px that can be easily seen. However the margin are not intent to be shown to the public and its just use for comparison d3/avenza margin and design purpose only - This projection design still on working in progress. There is plan to ditch out the avenza footprint and rely on code only graphically and utilise d3 fitextent and fitsize. However the different might not much compare its initial desgin and its theoretically ready for production - We are group of cartographer and not programmer. However we understand the need of geographical information nowadays to be present on Web. We are working hard learning simple code to map and please bare with us with any not so 'clean code' or if there any usage data/code without permission/citation. Any help would be appreciate - This notebook are intent to be import by other notebook, any modification to this notebook might reflect to the other notebook that has been import to, do change with caution!33:T73b,function FP01(unclip = false) { var cache, cacheStream, a = d3 .geoMercator() .center([104.472724399630209, 3.994510399260223]) .translate([487.5, 304.5]), aPoint, b = d3.geoMercator().center([109.604238923800352, 1.917788896413956]), bPoint, point, pointStream = { point: function (x, y) { point = [x, y]; } }; function FP(coordinates) { var x = coordinates[0], y = coordinates[1]; return (point = null), (aPoint(x, y), point) || (bPoint(x, y), point); } FP.invert = function (coordinates) { var k = a.scale(), t = a.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 ? b : a).invert( coordinates ); }; FP.stream = function (stream) { return cache && cacheStream === stream ? cache : (cache = multiplex([ a.stream((cacheStream = stream)), b.stream(stream) ])); }; FP.precision = function (_) { if (!arguments.length) return a.precision(); a.precision(_), b.precision(_); return FP; }; FP.scale = function (_) { if (!arguments.length) return a.scale(); a.scale(_), b.scale(_ * 0.5); return FP.translate(a.translate()); }; FP.translate = function (_) { if (!arguments.length) return a.translate(); var k = a.scale(), x = +_[0], y = +_[1]; aPoint = a .translate(_) .preclip(unclip === "a" ? (d) => d : d3.geoClipPolygon(FP01_a)) .stream(pointStream); bPoint = b .translate(_) .preclip(unclip === "b" ? (d) => d : d3.geoClipPolygon(FP01_b)) .stream(pointStream); return reset(); }; function reset() { cache = cacheStream = null; return FP; } return FP.scale(5505); }34:T73b,function FP02(unclip = false) { var cache, cacheStream, a = d3 .geoMercator() .center([104.472724399630209, 3.994510399260223]) .translate([487.5, 304.5]), aPoint, b = d3.geoMercator().center([109.604238923800352, 1.917788896413956]), bPoint, point, pointStream = { point: function (x, y) { point = [x, y]; } }; function FP(coordinates) { var x = coordinates[0], y = coordinates[1]; return (point = null), (aPoint(x, y), point) || (bPoint(x, y), point); } FP.invert = function (coordinates) { var k = a.scale(), t = a.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 ? b : a).invert( coordinates ); }; FP.stream = function (stream) { return cache && cacheStream === stream ? cache : (cache = multiplex([ a.stream((cacheStream = stream)), b.stream(stream) ])); }; FP.precision = function (_) { if (!arguments.length) return a.precision(); a.precision(_), b.precision(_); return FP; }; FP.scale = function (_) { if (!arguments.length) return a.scale(); a.scale(_), b.scale(_ * 0.5); return FP.translate(a.translate()); }; FP.translate = function (_) { if (!arguments.length) return a.translate(); var k = a.scale(), x = +_[0], y = +_[1]; aPoint = a .translate(_) .preclip(unclip === "a" ? (d) => d : d3.geoClipPolygon(FP02_a)) .stream(pointStream); bPoint = b .translate(_) .preclip(unclip === "b" ? (d) => d : d3.geoClipPolygon(FP02_b)) .stream(pointStream); return reset(); }; function reset() { cache = cacheStream = null; return FP; } return FP.scale(5505); }35:T73b,function FP03(unclip = false) { var cache, cacheStream, a = d3 .geoMercator() .center([104.472724399630209, 3.994510399260223]) .translate([487.5, 304.5]), aPoint, b = d3.geoMercator().center([109.604238923800352, 1.917788896413956]), bPoint, point, pointStream = { point: function (x, y) { point = [x, y]; } }; function FP(coordinates) { var x = coordinates[0], y = coordinates[1]; return (point = null), (aPoint(x, y), point) || (bPoint(x, y), point); } FP.invert = function (coordinates) { var k = a.scale(), t = a.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 ? b : a).invert( coordinates ); }; FP.stream = function (stream) { return cache && cacheStream === stream ? cache : (cache = multiplex([ a.stream((cacheStream = stream)), b.stream(stream) ])); }; FP.precision = function (_) { if (!arguments.length) return a.precision(); a.precision(_), b.precision(_); return FP; }; FP.scale = function (_) { if (!arguments.length) return a.scale(); a.scale(_), b.scale(_ * 0.5); return FP.translate(a.translate()); }; FP.translate = function (_) { if (!arguments.length) return a.translate(); var k = a.scale(), x = +_[0], y = +_[1]; aPoint = a .translate(_) .preclip(unclip === "a" ? (d) => d : d3.geoClipPolygon(FP03_a)) .stream(pointStream); bPoint = b .translate(_) .preclip(unclip === "b" ? (d) => d : d3.geoClipPolygon(FP03_b)) .stream(pointStream); return reset(); }; function reset() { cache = cacheStream = null; return FP; } return FP.scale(5505); }36:T73b,function FP04(unclip = false) { var cache, cacheStream, a = d3 .geoMercator() .center([104.472724399630209, 3.994510399260223]) .translate([487.5, 304.5]), aPoint, b = d3.geoMercator().center([109.604238923800352, 1.917788896413956]), bPoint, point, pointStream = { point: function (x, y) { point = [x, y]; } }; function FP(coordinates) { var x = coordinates[0], y = coordinates[1]; return (point = null), (aPoint(x, y), point) || (bPoint(x, y), point); } FP.invert = function (coordinates) { var k = a.scale(), t = a.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 ? b : a).invert( coordinates ); }; FP.stream = function (stream) { return cache && cacheStream === stream ? cache : (cache = multiplex([ a.stream((cacheStream = stream)), b.stream(stream) ])); }; FP.precision = function (_) { if (!arguments.length) return a.precision(); a.precision(_), b.precision(_); return FP; }; FP.scale = function (_) { if (!arguments.length) return a.scale(); a.scale(_), b.scale(_ * 0.5); return FP.translate(a.translate()); }; FP.translate = function (_) { if (!arguments.length) return a.translate(); var k = a.scale(), x = +_[0], y = +_[1]; aPoint = a .translate(_) .preclip(unclip === "a" ? (d) => d : d3.geoClipPolygon(FP04_a)) .stream(pointStream); bPoint = b .translate(_) .preclip(unclip === "b" ? (d) => d : d3.geoClipPolygon(FP04_b)) .stream(pointStream); return reset(); }; function reset() { cache = cacheStream = null; return FP; } return FP.scale(5505); }37:[] 30:{"id":"33ddb610dd09582e","slug":"mcp-focus-peninsular","title":"MCP Focus Peninsular","thumbnail":"ed25a7f7b3e9c65aa233cb978d61f6de946a058235a751040b0431587dd10997","access_level":"public","create_time":"$D2022-11-25T18:36:05.280Z","update_time":"$D2022-12-10T21:32:17.398Z","view_time":null,"first_public_time":"$D2022-11-25T18:36:05.280Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"e0a65e559826510c","login":"myopengis","name":"Malaysia Open GIS Initiatives","avatar_url":"https://avatars-next.observableusercontent.com/f6d8288a9f9c0784f6ff61504dd816a1f4e452eb0fb2db60fc3900fa8ace51bc","tier":"starter_2024","bio":"Malaysia Non Profit & Open Source Organization That Loves Map"},"version":878,"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":"team","id":"e0a65e559826510c","login":"myopengis","name":"Malaysia Open GIS Initiatives","avatar_url":"https://avatars-next.observableusercontent.com/f6d8288a9f9c0784f6ff61504dd816a1f4e452eb0fb2db60fc3900fa8ace51bc","tier":"starter_2024","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":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":{"id":"905448bf44f39d5d","slug":"malaysia-composite-map","title":"Malaysia Composite Projection","owner":{"id":"e0a65e559826510c","login":"myopengis","name":"Malaysia Open GIS Initiatives"}},"type":"notebook","body":{"titling":"auto","title":"MCP Focus Peninsular","cells":[{"id":634,"value":"bannerTitleTwoLine(\"MCP\", \"Focus Peninsular\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"$32","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":826,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":648,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":561,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":549,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":553,"value":"FP01_a = rewind({\n type: \"Polygon\",\n coordinates: [\n interpolatePlanar([\n [104.912469112722846, 0.843868866631947],\n [104.912469112722846, 2.99578470023651],\n [104.136449030794708, 3.646584763441117],\n [104.136449030794708, 7.145151931888483],\n [99.428593867097291, 7.145151931888483],\n [99.428593867097291, 0.843868866631947],\n [104.912469112722846, 0.843868866631947]\n ])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":557,"value":"FP01_b = rewind({\n type: \"Polygon\",\n coordinates: [\n interpolatePlanar([\n [110.483611816404178, -0.07939783652427],\n [108.931777300044473, 1.222029826044262],\n [108.931777300044473, 8.218237032834281],\n [119.69116328013844, 8.218237032834281],\n [119.69116328013844, -0.07939783652427],\n [110.483611816404178, -0.07939783652427]\n ])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":819,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":822,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":43,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":18,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":204,"value":"FP02_a = rewind({\n type: \"Polygon\",\n coordinates: [\n interpolatePlanar([\n [104.871081375020012, 0.843868866631945],\n [104.871081375020012, 2.976127391825783],\n [104.095061293091874, 3.627285340280011],\n [104.095061293091874, 7.145151931888481],\n [99.428593867097291, 7.145151931888481],\n [99.428593867097291, 0.843868866631945],\n [104.871081375020012, 0.843868866631945]\n ])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":"FP02_b = rewind({\n type: \"Polygon\",\n coordinates: [\n interpolatePlanar([\n [110.51288271662429, 0.003366671014913],\n [109.014541807583655, 1.260623557965245],\n [109.014541807583655, 8.218237032834281],\n [119.69116328013844, 8.218237032834281],\n [119.69116328013844, 0.003366671014913],\n [110.51288271662429, 0.003366671014913]\n ])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":831,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":843,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":600,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":589,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":593,"value":"FP03_a = rewind({\n type: \"Polygon\",\n coordinates: [\n interpolatePlanar([\n [104.912469112722846, 0.843868866631947],\n [104.912469112722846, 2.99578470023651],\n [104.136449030794708, 3.646584763441117],\n [104.136449030794708, 7.145151931888483],\n [99.428593867097291, 7.145151931888483],\n [99.428593867097291, 0.843868866631947],\n [104.912469112722846, 0.843868866631947]\n ])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":597,"value":"FP03_b = rewind({\n type: \"Polygon\",\n coordinates: [\n interpolatePlanar([\n [110.483611816404178, -4.382659240006538],\n [110.483611816404178, -0.07939783652427],\n [108.931777300044473, 1.222029826044262],\n [108.931777300044473, 8.218237032834281],\n [119.69116328013844, 8.218237032834281],\n [119.69116328013844, -4.382659240006538],\n [110.483611816404178, -4.382659240006538]\n ])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":834,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":868,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":617,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":610,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":613,"value":"FP04_a = rewind({\n type: \"Polygon\",\n coordinates: [\n interpolatePlanar([\n [104.871081375020012, 0.843868866631945],\n [104.871081375020012, 2.976127391825783],\n [104.095061293091874, 3.627285340280011],\n [104.095061293091874, 7.145151931888481],\n [99.428593867097291, 7.145151931888481],\n [99.428593867097291, 0.843868866631945],\n [104.871081375020012, 0.843868866631945]\n ])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":615,"value":"FP04_b = rewind({\n type: \"Polygon\",\n coordinates: [\n interpolatePlanar([\n [110.566376323943359, -4.382659240006538],\n [110.566376323943359, -0.041519780261899],\n [109.014541807583655, 1.260623557965245],\n [109.014541807583655, 8.218237032834281],\n [119.69116328013844, 8.218237032834281],\n [119.69116328013844, -4.382659240006538],\n [110.566376323943359, -4.382659240006538]\n ])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":365,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":180,"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":191,"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 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":186,"value":"function rewind(p) {\n const g = p.geometry || p;\n if (p.type === \"FeatureCollection\") {\n p.features = p.features.map(rewind);\n } else if (p.type === \"GeometryCollection\") {\n p.geometries = p.geometries.map(rewind);\n } else if (g.type === \"MultiPolygon\") {\n g.coordinates = g.coordinates.map((poly) =>\n poly.map((ring, i) =>\n (i > 0) ^\n (d3.geoArea({ type: \"Polygon\", coordinates: [ring] }) > 2 * Math.PI)\n ? ring.reverse()\n : ring\n )\n );\n } else if (g.type === \"Polygon\") {\n g.coordinates = g.coordinates.map((ring, i) =>\n (i > 0) ^\n (d3.geoArea({ type: \"Polygon\", coordinates: [ring] }) > 2 * Math.PI)\n ? ring.reverse()\n : ring\n );\n }\n return p;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"#### _Required_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"world = d3.json(\n \"https://cdn.jsdelivr.net/npm/world-atlas@2.0.2/countries-10m.json\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"topojson = require(\"topojson-client@latest\")","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":629,"value":"import { bannerTitleTwoLine } from \"@observablehq/banner\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1"}} 31:"$30:body"