31:T1448,// A composite projection for the Netherlands, configured by default for 960×500. function geoConicConformalNetherlands() { var cache, cacheStream, netherlandsMainland = d3.geoConicConformal().rotate([-5.50, -52.20]).parallels([0, 60]), netherlandsMainlandPoint, bonaire = d3.geoMercator().center([-68.25, 12.20]), bonairePoint, sabaSintEustatius = d3.geoMercator().center([-63.10, 17.50]), sabaSintEustatiusPoint, point, pointStream = { point: function (x, y) { point = [x, y]; }, }; function conicConformalNetherlands(coordinates) { const [x, y] = coordinates; return ( (point = null), (netherlandsMainlandPoint.point(x, y), point) || (bonairePoint.point(x, y), point) || (sabaSintEustatiusPoint.point(x, y), point) ); } conicConformalNetherlands.invert = function (coordinates) { var k = netherlandsMainland.scale(), t = netherlandsMainland.translate(), x = (coordinates[0] - t[0]) / k, y = (coordinates[1] - t[1]) / k; return (y >= -0.0067 && y < 0.0015 && x >= -0.0232 && x < -0.0154 ? bonaire : y >= -0.022 && y < -0.014 && x >= -0.023 && x < -0.014 ? sabaSintEustatius : netherlandsMainland ).invert(coordinates); }; conicConformalNetherlands.stream = function (stream) { return cache && cacheStream === stream ? cache : (cache = multiplex([ netherlandsMainland.stream((cacheStream = stream)), bonaire.stream(stream), sabaSintEustatius.stream(stream), ])); }; conicConformalNetherlands.precision = function (_) { if (!arguments.length) return netherlandsMainland.precision(); netherlandsMainland.precision(_); bonaire.precision(_); sabaSintEustatius.precision(_); return reset(); }; conicConformalNetherlands.scale = function (_) { if (!arguments.length) return netherlandsMainland.scale(); netherlandsMainland.scale(_); bonaire.scale(_); sabaSintEustatius.scale(_); return conicConformalNetherlands.translate(netherlandsMainland.translate()); }; conicConformalNetherlands.translate = function (_) { if (!arguments.length) return netherlandsMainland.translate(); const k = netherlandsMainland.scale(), x = +_[0], y = +_[1]; netherlandsMainlandPoint = netherlandsMainland .translate(_) .clipExtent([ [x - 0.0245 * k, y - 0.0260 * k], [x + 0.0230 * k, y + 0.0260 * k], ]) .stream(pointStream); bonairePoint = bonaire .translate([x - 0.0186 * k, y - 0.00325 * k]) .clipExtent([ [x - 0.0232 * k + epsilon, y - 0.0067 * k + epsilon], [x - 0.0154 * k - epsilon, y + 0.0015 * k - epsilon], ]) .stream(pointStream); sabaSintEustatiusPoint = sabaSintEustatius .translate([x - 0.0185 * k, y - 0.017 * k]) .clipExtent([ [x - 0.023 * k + epsilon, y - 0.022 * k + epsilon], [x - 0.014 * k - epsilon, y - 0.014 * k - epsilon], ]) .stream(pointStream); return reset(); }; function reset() { cache = cacheStream = null; return conicConformalNetherlands; } conicConformalNetherlands.drawCompositionBorders = function (context) { // console.table({ // "Clip extent": ["Bonaire", bonaire.clipExtent()], // "UL BBOX:": netherlandsMainland.invert([bonaire.clipExtent()[0][0], bonaire.clipExtent()[0][1]]), // "UR BBOX:": netherlandsMainland.invert([bonaire.clipExtent()[1][0], bonaire.clipExtent()[0][1]]), // "LD BBOX:": netherlandsMainland.invert([bonaire.clipExtent()[1][0], bonaire.clipExtent()[1][1]]), // "LL BBOX:": netherlandsMainland.invert([bonaire.clipExtent()[0][0], bonaire.clipExtent()[1][1]]) // }) var ulbonaire = netherlandsMainland([3.30573, 52.5562]); var urbonaire = netherlandsMainland([4.0430, 52.5720]); var ldbonaire = netherlandsMainland([4.0646, 52.1017]); var llbonaire = netherlandsMainland([3.3382, 52.0861]); var ulsabaSintEustatius = netherlandsMainland([3.2620, 53.4390]); var ursabaSintEustatius = netherlandsMainland([4.1373, 53.4571]); var ldsabaSintEustatius = netherlandsMainland([4.1574, 52.9946]); var llsabaSintEustatius = netherlandsMainland([3.2951, 52.9768]); context.moveTo(ulbonaire[0], ulbonaire[1]); context.lineTo(urbonaire[0], urbonaire[1]); context.lineTo(ldbonaire[0], ldbonaire[1]); context.lineTo(ldbonaire[0], ldbonaire[1]); context.lineTo(llbonaire[0], llbonaire[1]); context.closePath(); context.moveTo(ulsabaSintEustatius[0], ulsabaSintEustatius[1]); context.lineTo(ursabaSintEustatius[0], ursabaSintEustatius[1]); context.lineTo(ldsabaSintEustatius[0], ldsabaSintEustatius[1]); context.lineTo(ldsabaSintEustatius[0], ldsabaSintEustatius[1]); context.lineTo(llsabaSintEustatius[0], llsabaSintEustatius[1]); context.closePath(); }; conicConformalNetherlands.getCompositionBorders = function () { var context = d3.path(); this.drawCompositionBorders(context); return context.toString(); }; return conicConformalNetherlands.scale(9500); }32:[{"id":"99b71c0fa82d7ddd60908192ed2be628218e7174b057487a9978c3f2f2c784fdeb9cb2e558fd59c802b17e6fc23fa5c76f1ec55ffd5e25b5bebb4d2b65f48d60","href":"https://static.observableusercontent.com/files/99b71c0fa82d7ddd60908192ed2be628218e7174b057487a9978c3f2f2c784fdeb9cb2e558fd59c802b17e6fc23fa5c76f1ec55ffd5e25b5bebb4d2b65f48d60","name":"netherlands.json","type":"application/json","lastModified":1602007044414.218,"size":219487}] 2f:{"title":"The Netherlands Composite Projection","cells":[{"id":0,"value":"md`# The Netherlands Composite Projection\n\nThe Carribean Islands of Bonaire, Sint Eustatius and Saba are 'special municipalities' of the Netherlands. Unlike normal municipalities, they do not form part of a Dutch province. Also unlike normal municipalities, they are often not included in maps of the Netherlands. Here's a composite projection that will help with that.\n\nThe projection is available as \\`geoConicConformalNetherlands\\` in [d3-composite-projections](https://github.com/rveciana/d3-composite-projections) ([Observable notebook](https://observablehq.com/@rveciana/d3-composite-projections)) by Roger Veciana and contributors.\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"map = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":39,"value":"projection = compositeProjections.geoConicConformalNetherlands()","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"path = d3.geoPath(projection)","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"// The projections must have mutually exclusive clip regions on the sphere,\n// as this will avoid emitting interleaving lines and polygons.\nfunction multiplex(streams) {\n var n = streams.length;\n return {\n point: function(x, y) { var i = -1; while (++i < n) streams[i].point(x, y); },\n sphere: function() { var i = -1; while (++i < n) streams[i].sphere(); },\n lineStart: function() { var i = -1; while (++i < n) streams[i].lineStart(); },\n lineEnd: function() { var i = -1; while (++i < n) streams[i].lineEnd(); },\n polygonStart: function() { var i = -1; while (++i < n) streams[i].polygonStart(); },\n polygonEnd: function() { var i = -1; while (++i < n) streams[i].polygonEnd(); }\n };\n}\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":21,"value":"epsilon = 1e-6","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"nl = FileAttachment(\"netherlands.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":377,"value":"compositeProjections = require(\"d3-composite-projections@1.4.0\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"d3 = import(\"d3@v6\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}