2b:null 2c:["$","title",null,{"children":"MCP Same Scale | Malaysia Open GIS Initiatives | Observable"}] 31:T6e9,- Malaysia both peninsular and borneo at same scale - 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 width are plan to use max notebook width and the height to keep the aspect ratio in mind - 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 too - 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!32:T734,function SS01(unclip = false) { var cache, cacheStream, a = d3 .geoMercator() .center([106.744047902922347, 2.710535238701635]) .translate([487.5, 304.5]), aPoint, b = d3.geoMercator().center([112.16358923541307, 4.869382358434652]), bPoint, point, pointStream = { point: function (x, y) { point = [x, y]; } }; function SS(coordinates) { var x = coordinates[0], y = coordinates[1]; return (point = null), (aPoint(x, y), point) || (bPoint(x, y), point); } SS.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 ); }; SS.stream = function (stream) { return cache && cacheStream === stream ? cache : (cache = multiplex([ a.stream((cacheStream = stream)), b.stream(stream) ])); }; SS.precision = function (_) { if (!arguments.length) return a.precision(); a.precision(_), b.precision(_); return SS; }; SS.scale = function (_) { if (!arguments.length) return a.scale(); a.scale(_), b.scale(_); return SS.translate(a.translate()); }; SS.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(SS01_a)) .stream(pointStream); bPoint = b .translate(_) .preclip(unclip === "b" ? (d) => d : d3.geoClipPolygon(SS01_b)) .stream(pointStream); return reset(); }; function reset() { cache = cacheStream = null; return SS; } return SS.scale(3745); }33:T734,function SS02(unclip = false) { var cache, cacheStream, a = d3 .geoMercator() .center([106.744047902922347, 2.710535238701635]) .translate([487.5, 304.5]), aPoint, b = d3.geoMercator().center([112.16358923541307, 4.869382358434652]), bPoint, point, pointStream = { point: function (x, y) { point = [x, y]; } }; function SS(coordinates) { var x = coordinates[0], y = coordinates[1]; return (point = null), (aPoint(x, y), point) || (bPoint(x, y), point); } SS.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 ); }; SS.stream = function (stream) { return cache && cacheStream === stream ? cache : (cache = multiplex([ a.stream((cacheStream = stream)), b.stream(stream) ])); }; SS.precision = function (_) { if (!arguments.length) return a.precision(); a.precision(_), b.precision(_); return SS; }; SS.scale = function (_) { if (!arguments.length) return a.scale(); a.scale(_), b.scale(_); return SS.translate(a.translate()); }; SS.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(SS02_a)) .stream(pointStream); bPoint = b .translate(_) .preclip(unclip === "b" ? (d) => d : d3.geoClipPolygon(SS02_b)) .stream(pointStream); return reset(); }; function reset() { cache = cacheStream = null; return SS; } return SS.scale(3745); }34:[] 2f:{"id":"56d6371332a81770","slug":null,"title":"MCP Same Scale","thumbnail":"e28503a464d0acd2b4c06e4da6c6a346b3d8a2ed15cbdc6bcacc972ebf32d514","access_level":"public","create_time":"$D2022-11-29T08:13:31.866Z","update_time":"$D2022-11-29T08:50:34.482Z","view_time":null,"first_public_time":"$D2022-11-29T08:13:31.866Z","has_unpublished_edits":null,"fork":{"id":"33ddb610dd09582e","slug":"mcp-focus-peninsular","title":"MCP Focus Peninsular","owner":{"id":"e0a65e559826510c","login":"myopengis","name":"Malaysia Open GIS Initiatives"}},"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":700,"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":0,"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 Same Scale","cells":[{"id":634,"value":"bannerTitleTwoLine(\"MCP\", \"Same Scale\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"$31","pinned":false,"hidden":false,"mode":"md","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":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":553,"value":"SS01_a = rewind({\n type: \"Polygon\",\n coordinates: [\n interpolatePlanar([\n [103.268398527955256, -1.921128808026975],\n [103.268398527955256, 0.024713506640324],\n [105.543893666558361, 1.338632302166355],\n [105.54361469429098, 7.342199285430245],\n [99.328822212346992, 7.342199285430245],\n [99.328822212346992, -1.921128808026975],\n [103.268398527955256, -1.921128808026975]\n ])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":557,"value":"SS01_b = rewind({\n type: \"Polygon\",\n coordinates: [\n interpolatePlanar([\n [108.687939860445965, 0.237718311706042],\n [108.687939860445965, 2.183560626373341],\n [110.96343499904907, 3.497479421899372],\n [110.963156026781689, 9.501046405163262],\n [119.578814925988425, 9.501046405163262],\n [119.578814925988425, 0.237718311706042],\n [108.687939860445965, 0.237718311706042]\n ])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":691,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":688,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":685,"value":"SS02_a = rewind({\n type: \"Polygon\",\n coordinates: [\n interpolatePlanar([\n [103.207555650494115, -1.921128808026975],\n [103.207555650494115, 0.059841158320774],\n [105.482771816829853, 1.37343782441947],\n [105.482771816829853, 7.342199285430245],\n [99.328822212346992, 7.342199285430245],\n [99.328822212346992, -1.921128808026975],\n [103.207555650494115, -1.921128808026975]\n ])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":683,"value":"SS02_b = rewind({\n type: \"Polygon\",\n coordinates: [\n interpolatePlanar([\n [108.748782737907092, 0.237718311706042],\n [108.748782737907092, 2.148432974692891],\n [111.023998904242816, 3.46202964079156],\n [111.023998904242816, 9.501046405163262],\n [119.578814925988425, 9.501046405163262],\n [119.578814925988425, 0.237718311706042],\n [108.748782737907092, 0.237718311706042]\n ])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":365,"value":"---\n#### _Util_","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":"$W34","stdlib":"1"}} 30:"$2f:body"