2d:null 2e:["$","title",null,{"children":"Sheet indices Dutch map series | TU Delft Library | Observable"}] 33:Tbaa,svg = { const [width, height] = dimensions; const [originX, originY] = origin; const svg = d3 .create("svg") .attr("viewBox", originX + " " + originY + " " + width + " " + height) .attr("width", "70%") .property("value", ""); const g = svg.append("g"); // Netherlands in Bonne const nl = g.append("g"); nl.attr("id", "nl"); nlResource.map((polygon) => g .append("polygon") .attr("fill", "none") .attr("stroke", "grey") .attr("stroke-width", padding / 2) .attr("points", polygon.map((i) => i[0] + "," + i[1]).join(" ")) ); // Sheets for (const series of selectedSeries) { const group = g.append("g"); const slug = series.slug; group.attr("id", slug); series.svg.forEach(({ number, width, height, x, y, scans }) => { group .append("rect") .attr("id", slug + "-" + number) .attr("x", x) .attr("y", y) .attr("width", width) .attr("height", height) .attr("fill", "rgba(0,0,0,0)") .attr("stroke", series.stroke) .attr("stroke-width", padding * 2) .attr("cursor", "pointer") .on("click", function () { svg.selectAll("rect").attr("fill", "rgba(0,0,0,0)"); d3.select(this).attr("fill", series.fill); // const id = d3.select(this).attr("id"); // const selectedSeries = id.split("-")[0]; // const selectedSheet = id.split("-")[1]; const xy = series.xy.get(+number) || series.xy.get(number); const geo = xy.map((coords) => bonneTransformer.inverse(coords).map((coord) => roundCoord(coord)) ); mutable selectedSheet = { title: series.title, meta: series, sheet: number, xy, geo }; // svg.node().dispatchEvent(new CustomEvent("input")); }); if (selectedLabel) { const label = selectedLabel === "sheet" ? number : scans; group .append("text") .attr("x", x + width / 2) .attr("y", y + height / 2) .attr("dominant-baseline", "middle") .attr("text-anchor", "middle") .attr("fill", series.stroke) .attr("style", "font:bold 3px sans-serif;pointer-events:none;") .html(label); } }); } // Zooming const zoom = d3.zoom().scaleExtent([1, 8]).on("zoom", zoomed); svg.call(zoom); function zoomed({ transform }) { g.attr("transform", transform); } // From: https://observablehq.com/@d3/programmatic-zoom function reset() { svg .transition() .duration(750) .call( zoom.transform, d3.zoomIdentity, d3.zoomTransform(svg.node()).invert([width / 2, height / 2]) ); } return Object.assign(svg.node(), { zoomIn: () => svg.transition().call(zoom.scaleBy, 2), zoomOut: () => svg.transition().call(zoom.scaleBy, 0.5), zoomReset: reset }); }34:T61a,bonneCustomMapping = { // Grid coordinate of first sheet in a row + sheets after interruptions const map = new Map(); map.set(1, [20, 0]); map.set(5, [18, 1]); map.set(12, [14, 2]); map.set(23, [12, 3]); map.set(36, [11, 4]); map.set(52, [11, 5]); map.set(68, [10, 6]); map.set(85, [10, 7]); map.set(102, [9, 8]); map.set(120, [9, 9]); map.set(138, [9, 10]); map.set(156, [9, 11]); map.set(174, [9, 12]); map.set(192, [9, 13]); map.set(210, [9, 14]); map.set(227, [9, 15]); map.set(244, [9, 16]); map.set(261, [9, 17]); map.set(278, [9, 18]); map.set(293, [8, 19]); map.set(309, [8, 20]); map.set(327, [8, 21]); map.set(345, [8, 22]); map.set(363, [7, 23]); map.set(382, [7, 24]); map.set(401, [7, 25]); map.set(420, [6, 26]); map.set(439, [6, 27]); map.set(457, [5, 28]); map.set(477, [4, 29]); map.set(498, [4, 30]); map.set(519, [3, 31]); map.set(539, [2, 32]); map.set(556, [1, 33]); map.set(575, [1, 34]); map.set(594, [0, 35]); map.set(614, [0, 36]); map.set(634, [0, 37]); map.set(655, [0, 38]); map.set(676, [0, 39]); map.set(697, [0, 40]); map.set(705, [12, 40]); map.set(714, [0, 41]); map.set(721, [12, 41]); map.set(729, [0, 42]); map.set(731, [3, 42]); map.set(734, [13, 42]); map.set(741, [3, 43]); map.set(743, [15, 43]); map.set(749, [17, 44]); map.set(752, [17, 45]); map.set(755, [17, 46]); map.set(757, [16, 47]); map.set(761, [16, 48]); map.set(765, [16, 49]); map.set(769, [16, 50]); map.set(773, [16, 51]); return map; }35:T4f3,wsk2ndEdCustomDimensions = { const map = new Map(); const height = 12500; const width = 20000; map.set("22.2", [undefined, 2 * height]); map.set("23.1", [undefined, 2 * height]); map.set("27.1", [undefined, 2 * height]); map.set("27.2", [undefined, 2 * height]); map.set("28.1", [undefined, 2 * height]); map.set("28.2", [undefined, 2 * height]); map.set("29.1", [width / 2, 17350]); map.set("29.2", [width / 2, 20000]); // 2 Bis // map.set("30.1", [width + 9700, 2 * height]); map.set("31.1", [undefined, 2 * height]); map.set("33.1", [undefined, 2 * height]); map.set("33.2", [undefined, 2 * height]); map.set("37.1", [undefined, 2 * height]); map.set("37.2", [undefined, 2 * height]); // 2 Bis // map.set("43.1", [undefined, 2 * height]); // map.set("43.2", [undefined, 2 * height]); // map.set("44.1", [undefined, 2 * height]); // map.set("45.1", [undefined, 2 * height]); // map.set("45.2", [undefined, 2 * height]); // map.set("48.1", [undefined, 2 * height]); // map.set("48.2", [undefined, 2 * height]); // map.set("49.1", [undefined, 2 * height]); // map.set("49.2", [undefined, 2 * height]); // map.set("51.1", [undefined, 2 * height]); // map.set("51.2", [undefined, 2 * height]); return map; }36:T45c,wskCompleteMapping = { const map = new Map(); tmkCompleteMapping.forEach(([x, y], number) => { const subSheets = new Map(); // Set the top left coordinates for the subsheets if (tmkSemiSheets.includes(number)) { subSheets.set(1, [x, y]); subSheets.set(2, [x, y - 12500]); } else { subSheets.set(1, [x, y]); subSheets.set(2, [x + 20000, y]); subSheets.set(3, [x, y - 12500]); subSheets.set(4, [x + 20000, y - 12500]); } // Remove subsheets that are skipped const skippedSheets = wskSkippedSheets.get(number); if (skippedSheets) { for (const sheetNumber of skippedSheets) { subSheets.delete(sheetNumber); } } // Add remaining subsheets to the map (reset the index) for (const [index, coords] of [...subSheets.values()].entries()) { map.set(number.toString() + "." + (index + 1), coords); } }); // Set custom offsets for specific sheets wskCustomOffsets.forEach(([xOffset, yOffset], sheet) => { const [x, y] = map.get(sheet); map.set(sheet, [x + xOffset, y + yOffset]); }); return map; }37:T56e,wsk2ndEdCompleteMapping = { const map = new Map(); tmkCompleteMapping.forEach(([x, y], number) => { const subSheets = new Map(); // Set the top left coordinates for the subsheets if (tmkSemiSheets.includes(number)) { subSheets.set(1, [x, y]); subSheets.set(2, [x, y - 12500]); } else { subSheets.set(1, [x, y]); subSheets.set(2, [x + 20000, y]); subSheets.set(3, [x, y - 12500]); subSheets.set(4, [x + 20000, y - 12500]); } // Remove subsheets that are skipped const skippedSheets = wskSkippedSheets.get(number) || wsk2ndEdSkippedSheets.get(number); if (skippedSheets) { for (const sheetNumber of skippedSheets) { subSheets.delete(sheetNumber); } } // Add remaining subsheets to the map (reset the index) for (const [index, coords] of [...subSheets.values()].entries()) { map.set(number.toString() + "." + (index + 1), coords); } }); // Set custom offsets for specific sheets const setCustomOffsets = ([xOffset, yOffset], sheet) => { const [x, y] = map.get(sheet); map.set(sheet, [x + xOffset, y + yOffset]); }; wskCustomOffsets.forEach(([xOffset, yOffset], sheet) => setCustomOffsets([xOffset, yOffset], sheet) ); wsk2ndEdCustomOffsets.forEach(([xOffset, yOffset], sheet) => setCustomOffsets([xOffset, yOffset], sheet) ); return map; }38:T41c,geoJsonExport = { const arr = new Array(); const edition = selectedExportSeries.xy; const slug = selectedExportSeries.slug; const iiif = slug === "wsk1" ? imagesWithSheetNumbersFirstEd : slug === "wsk2" ? imagesWithSheetNumbersSecondEd : new Array(); edition.forEach((coordArray, number) => { coordArray = selectedCRS === "WGS 84" ? coordArray.map((coords) => bonneTransformer.inverse(coords).map((coord) => roundCoord(coord)) ) : coordArray; const images = iiif.filter((img) => img.sheet === number); let feature; if (selectedFeature === "MultiPoint") { feature = turf.multiPoint(coordArray, { images, sheet: number, projection: selectedCRS }); } else if (selectedFeature === "Polygon") { feature = turf.polygon([coordArray.concat([coordArray[0]])], { images, sheet: number, projection: selectedCRS }); } arr.push(feature); }); return turf.featureCollection(arr); }39:Tbba,## Notes Source data IIIF: https://github.com/tu-delft-library/waterstaatskaarten-iiif Skeleton manifests: - [Waterstaatskaart](https://projectmirador.org/embed/?manifest=https://dlc.services/iiif-resource/7/string1string2string3/waterstaatskaart) (Water Authority Maps, 917 in total) - [First Edition](https://projectmirador.org/embed/?manifest=https://dlc.services/iiif-resource/7/string1string2string3/waterstaatskaart/1) - [Main](https://projectmirador.org/embed/?manifest=https://dlc.services/iiif-resource/7/string1string2string3/waterstaatskaart/1/1) - [Bis](https://projectmirador.org/embed/?manifest=https://dlc.services/iiif-resource/7/string1string2string3/waterstaatskaart/1/2) - [Second Edition](https://projectmirador.org/embed/?manifest=https://dlc.services/iiif-resource/7/string1string2string3/waterstaatskaart/2) - [Main](https://projectmirador.org/embed/?manifest=https://dlc.services/iiif-resource/7/string1string2string3/waterstaatskaart/2/1) - [Bis](https://projectmirador.org/embed/?manifest=https://dlc.services/iiif-resource/7/string1string2string3/waterstaatskaart/2/2) - [Third Edition](https://projectmirador.org/embed/?manifest=https://dlc.services/iiif-resource/7/string1string2string3/waterstaatskaart/3) - [Main](https://projectmirador.org/embed/?manifest=https://dlc.services/iiif-resource/7/string1string2string3/waterstaatskaart/3/1) - [Bis](https://projectmirador.org/embed/?manifest=https://dlc.services/iiif-resource/7/string1string2string3/waterstaatskaart/3/2) - [Fourth Edition](https://projectmirador.org/embed/?manifest=https://dlc.services/iiif-resource/7/string1string2string3/waterstaatskaart/4) - [Fifth Edition](https://projectmirador.org/embed/?manifest=https://dlc.services/iiif-resource/7/string1string2string3/waterstaatskaart/5) Opdracht RCE: - 2de, 3de en 4de serie Waterstaatskaarten 5e serie bij RWS: https://maps.rijkswaterstaat.nl/dataregister/srv/dut/catalog.search#/metadata/23c1c64f-f424-4ff0-ab1b-6efe2279e5b7 Vragen: - Bladindeling per serie? - Vanaf welke serie overgang Bonne > RD? Rond 1920 - Matching sheet en filename - DPI scans Eerste test: - https://viewer.allmaps.org/?url=https%3A%2F%2Fraw.githubusercontent.com%2Fbmmeijers%2Fiiif-annotations%2Fmain%2Fseries%2Fwaterstaatskaart%2Feditie_1.json Waterstaatskaart volgt indeling TMK. 1 TMK blad wordt 4 waterstaatskaarten. Z vorm. XY coordinaten voor verspringingen in grid onduidelijk. Eerder werk: - https://observablehq.com/@allmaps/bonnebladen TMK: - https://viewer.allmaps.org/?url=https%3A%2F%2Fraw.githubusercontent.com%2Fbmmeijers%2Fiiif-annotations%2Fmain%2Fseries%2Ftmk%2F20231124.json GEOR: - https://github.com/geor-tudelft/iiifmap/blob/master/project/phase1/wp1_convert_bonnebladen_to_geojson.py - https://github.com/geor-tudelft/iiifmap/blob/master/project/phase1/wp1_convert_csv_to_geojson.py - https://github.com/geor-tudelft/iiifmap/blob/master/project/resources/sheet_index_TMK.csv3a:[{"id":"3fc0ffa314d606a989462b107611fd645c9be1d694a7e61c47fdee7bd32f3e5205c24f6bb484cc78a2822b087eebde88f29fb01fe9de980b870249aa885f2be8","href":"https://static.observableusercontent.com/files/3fc0ffa314d606a989462b107611fd645c9be1d694a7e61c47fdee7bd32f3e5205c24f6bb484cc78a2822b087eebde88f29fb01fe9de980b870249aa885f2be8","name":"nl.geojson","type":"application/geo+json","lastModified":1714318100851.189,"size":14613},{"id":"4c4ab2617fee089937c3fffceb18068368bb77c0b7c69211415b7863080717973d1cf828a4989ba477c889de0f8cff2974d59aabebfc6441464192dd2a214fba","href":"https://static.observableusercontent.com/files/4c4ab2617fee089937c3fffceb18068368bb77c0b7c69211415b7863080717973d1cf828a4989ba477c889de0f8cff2974d59aabebfc6441464192dd2a214fba","name":"waterstaatskaart-dlcs-complete-edits.csv","type":"text/csv","lastModified":1714029199386.221,"size":200987},{"id":"8cc2c00005b05d849b10fc08a62ae39f8a222d3b22f0f430d511bf6aad8b9a3ab52cea128e8b3a4976f17b494cbeba5186e489a3c8ba6ab1e1bff70990be521d","href":"https://static.observableusercontent.com/files/8cc2c00005b05d849b10fc08a62ae39f8a222d3b22f0f430d511bf6aad8b9a3ab52cea128e8b3a4976f17b494cbeba5186e489a3c8ba6ab1e1bff70990be521d","name":"waterstaatskaart-dlcs-complete-edits@1.csv","type":"text/csv","lastModified":1715864411383.783,"size":200988},{"id":"f0f3076e2a009393d848e04ddf402b4456aa8131b44e39f5885ed1be581b36affe2fa2a145ab9eff3b2159b8fcc2eadc8df31c91687608392ffeea0bc2b3b844","href":"https://static.observableusercontent.com/files/f0f3076e2a009393d848e04ddf402b4456aa8131b44e39f5885ed1be581b36affe2fa2a145ab9eff3b2159b8fcc2eadc8df31c91687608392ffeea0bc2b3b844","name":"waterstaatskaart-dlcs-complete-edits@2.csv","type":"text/csv","lastModified":1716793559355.281,"size":200988},{"id":"82b0182b986b81d2f77c55e75031740ed7b099d4f98cdcb9605e99c264c1f167ac0bed615a1c232dc018731b790900d0cf6b7869f5b15bcd70f4d4650c6d862d","href":"https://static.observableusercontent.com/files/82b0182b986b81d2f77c55e75031740ed7b099d4f98cdcb9605e99c264c1f167ac0bed615a1c232dc018731b790900d0cf6b7869f5b15bcd70f4d4650c6d862d","name":"natte-plekkenkaart-ingest.json","type":"application/json","lastModified":1750425065370.426,"size":40469}] 31:{"id":"938cee441636a391","slug":"sheet-indices","title":"Sheet indices Dutch map series","thumbnail":"f69dfbfd07c64b3452d1fa688d7e6026e220bbe9e5581106b932e385561ee1d5","access_level":"public","create_time":"$D2024-04-04T09:46:19.618Z","update_time":"$D2025-07-20T11:18:50.372Z","view_time":null,"first_public_time":"$D2024-04-24T12:14:25.229Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"ab036510f7d8e0c1","login":"tudelft","name":"TU Delft Library","avatar_url":"https://avatars-next.observableusercontent.com/1518fc717636b8b67a285d240e13db0d86f758541cb7cbe64b759dfb901b40c6","tier":"pro_2024"},"version":1993,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"f444e659497ac4e5","login":"sammeltassen","name":"Jules Schoonman","avatar_url":"https://avatars-next.observableusercontent.com/d8e1e715f8e8560d0970b3d60336fe11ce634dd18ec4107ab6e99022494e616c","tier":null}],"members":[{"type":"individual","id":"f444e659497ac4e5","login":"sammeltassen","name":"Jules Schoonman","avatar_url":"https://avatars-next.observableusercontent.com/d8e1e715f8e8560d0970b3d60336fe11ce634dd18ec4107ab6e99022494e616c","tier":null,"role":"editor"},{"type":"team","id":"ab036510f7d8e0c1","login":"tudelft","name":"TU Delft Library","avatar_url":"https://avatars-next.observableusercontent.com/1518fc717636b8b67a285d240e13db0d86f758541cb7cbe64b759dfb901b40c6","tier":"pro_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Sheet indices Dutch map series","cells":[{"id":0,"value":"# Sheet indices Dutch map series","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":229,"value":"viewof selectedSeries = Inputs.checkbox(series, {\n format: (i) => i.title,\n value: [series[0]],\n label: \"Series\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1263,"value":"viewof selectedLabel = Inputs.radio(\n new Map([\n [\"Sheet numbers\", \"sheet\"],\n [\"Available scans\", \"scans\"],\n [\"None\", null]\n ]),\n {\n label: \"Text label\",\n value: null\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1512,"value":"{\n // From: https://observablehq.com/@d3/programmatic-zoom\n const form = html``;\n form.in.onclick = () => svg.zoomIn();\n form.out.onclick = () => svg.zoomOut();\n form.reset.onclick = () => svg.zoomReset();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1762,"value":"download(\n async () => {\n await Promises.delay(1000);\n return new Blob([serialize(svg)], { type: \"image/svg+xml\" });\n },\n \"sheet-index.svg\",\n \"Download SVG\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1770,"value":"## Selected sheet","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":669,"value":"| Series | Selected sheet |\n|-|-|\n| ${selectedSheet ? selectedSheet.title : \"_Select a sheet_\"} | ${selectedSheet.sheet ? selectedSheet.sheet : \"\"} |\n| Bonne XY | ${selectedSheet.xy ? selectedSheet.xy.map(coord => coord.join(\", \")).join(\"
\") : \"\"} |\n| WGS84| ${selectedSheet.geo ? selectedSheet.geo.map(coord => coord.join(\", \")).join(\"
\") : \"\"} |","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1700,"value":"{\n if (selectedSheet) {\n const baseUrl = \"http://geojson.io/#data=data:application/json,\";\n const encodedGeoJson = encodeURIComponent(\n JSON.stringify(geoJsonSelectedSheet)\n );\n return html`Open selected sheet in geojson.io`;\n } else return md``;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1705,"value":"selectedSheet\n ? downloadGeoJson(\n geoJsonSelectedSheet,\n `${selectedSheet.meta.slug}-${selectedSheet.sheet}-wgs-84.geojson`\n )\n : md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":907,"value":"## GeoJSON export","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1628,"value":"viewof selectedExportSeries = Inputs.select(series, {\n label: \"Select one\",\n format: (i) => i.title\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1615,"value":"viewof selectedCRS = Inputs.radio([\"Bonne\", \"WGS 84\"], {\n label: \"CRS\",\n value: \"Bonne\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1922,"value":"viewof selectedFeature = Inputs.radio([\"MultiPoint\", \"Polygon\"], {\n label: \"Feature\",\n value: \"MultiPoint\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1665,"value":"{\n if (selectedCRS === \"WGS 84\") {\n const baseUrl = \"http://geojson.io/#data=data:application/json,\";\n const encodedGeoJson = encodeURIComponent(JSON.stringify(geoJsonExport));\n return html`Open selected series in geojson.io`;\n } else return md`_Change CRS for preview link._`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":921,"value":"downloadGeoJson(\n geoJsonExport,\n `${selectedExportSeries.slug}-${selectedCRS\n .toLowerCase()\n .replace(\" \", \"-\")}.geojson`\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1818,"value":"## Choro-topographische kaart\n\n_WIP_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1838,"value":"degreesToDecimal = (degrees) => {\n const [d, m, s] = degrees.split(\".\");\n return +d + +m / 60 + +s / 100 / 3600;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1866,"value":"decimalToBonne = (coord) => kraijenhoffTransformer.forward(coord)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1841,"value":"kraijenhoffAllCoords = {\n const lng = [\"0.45.0\", \"2.12.40\", \"3.40.20\", \"5.8.0\"].map(degreesToDecimal);\n const lat = [\"53.40.0\", \"52.50.0\", \"52.0.0\", \"51.10.0\"].map(degreesToDecimal);\n const map = new Map();\n for (let row = 0; row <= 2; row++) {\n for (let column = 0; column <= 2; column++) {\n const sheet = column + 1 + row * 3;\n const topLeft = [lng[column], lat[row]];\n const topRight = [lng[column + 1], lat[row]];\n const bottomRight = [lng[column + 1], lat[row + 1]];\n const bottomLeft = [lng[column], lat[row + 1]];\n const bonneCoords = [topLeft, topRight, bottomRight, bottomLeft].map(\n decimalToBonne\n );\n map.set(sheet, bonneCoords);\n }\n }\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1876,"value":"kraijenhofSvgData = {\n const arr = new Array();\n kraijenhoffAllCoords.forEach((coords, number) => {\n const x = coords[0][0] / 1000;\n const y = -coords[0][1] / 1000;\n const width = (coords[1][0] - coords[0][0]) / 1000;\n const height = (coords[0][1] - coords[3][1]) / 1000;\n arr.push({ number, width, height, x, y });\n });\n return arr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"## Topografisch Militaire Kaart (TMK)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":267,"value":"| Attribute | Value |\n|-|-|\n| Scale | 1:50.000 |\n| Depicted area | 40 * 25 km |\n| Physical dimensions | 80 * 50 cm |\n| Scan resolution (Nationaal Archief) | 300 dpi |\n| Scan dimensions | ${Math.round((80 / inch) * 300)} * ${Math.round((50 / inch) * 300)} pixels |\n| 1 pixel equals | ${Math.round(40000 / 9449)} m |","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":719,"value":"tmkWidth = 40000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":721,"value":"tmkHeight = 25000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"tmkCustomMapping = {\n // Upper left coordinates of first sheets in a row\n // Horizontal division based on semisheets\n const map = new Map();\n map.set(1, [7, 0]);\n map.set(4, [5, 1]);\n map.set(9, [5, 2]);\n map.set(14, [5, 3]);\n map.set(19, [5, 4]);\n map.set(24, [3, 5]);\n map.set(30, [3, 6]);\n map.set(36, [1, 7]);\n map.set(42, [1, 8]);\n map.set(47, [0, 9]);\n map.set(53, [0, 10]);\n map.set(59, [7, 11]);\n map.set(61, [7, 12]);\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"tmkSemiSheets = [8, 13, 18, 23, 29, 35, 47, 53]\n// Array of sheet numbers that are semisheets","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"tmkCompleteMapping = {\n const map = new Map();\n // Upper left origin of grid based on Bonne XY\n const [originX, originY] = [-120000, 235000];\n // Dimensions of single sheet in meters\n const [deltaX, deltaY] = [20000, 25000];\n // Determining Bonne XY coordinates for each sheet\n for (let i = 1; i <= 62; i++) {\n if (tmkCustomMapping.has(i)) {\n // Start a new row\n const [gridX, gridY] = tmkCustomMapping.get(i);\n const x = originX + gridX * deltaX;\n const y = originY - gridY * deltaY;\n map.set(i, [x, y]);\n } else {\n // Continue row\n const prevCoords = map.get(i - 1);\n // Check if previous sheet was a semisheet\n const deltaMultiplier = tmkSemiSheets.includes(i - 1) ? 1 : 2;\n const newCoords = [\n prevCoords[0] + deltaX * deltaMultiplier,\n prevCoords[1]\n ];\n map.set(i, newCoords);\n }\n }\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1325,"value":"tmkSvgData = {\n const arr = new Array();\n tmkCompleteMapping.forEach(([bonneX, bonneY], number) => {\n const width = tmkSemiSheets.includes(number)\n ? tmkWidth / 2000\n : tmkWidth / 1000;\n const height = tmkHeight / 1000;\n const x = bonneX / 1000;\n const y = -bonneY / 1000;\n arr.push({ number, width, height, x, y });\n });\n return arr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":965,"value":"tmkAllCoords = {\n const map = new Map();\n tmkCompleteMapping.forEach(([x, y], number) => {\n const semiSheet = tmkSemiSheets.includes(number);\n const width = semiSheet ? tmkWidth / 2 : tmkWidth;\n const height = tmkHeight;\n const topLeft = [x, y];\n const topRight = [x + width, y];\n const bottomRight = [x + width, y - height];\n const bottomLeft = [x, y - height];\n map.set(number, [topLeft, topRight, bottomRight, bottomLeft]);\n });\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"## Bonnebladen","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":269,"value":"| Attribute | Value |\n|-|-|\n| Scale | 1:25.000 |\n| Depicted area | 10 * 6,25 km |\n| Physical dimensions | 40 * 25 cm |\n| Scan resolution (Nationaal Archief) | 300 dpi |\n| Scan dimensions | ${Math.round((40 / inch) * 300)} * ${Math.round((25 / inch) * 300)} pixels |\n| 1 pixel equals | ${Math.round(10000 / 4724)} m |","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":725,"value":"bonneWidth = 10000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":728,"value":"bonneHeight = 6250","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"bonneCompleteMapping = {\n const map = new Map();\n // Origin of XY grid\n // = Top left coordinate of sheet 666\n const [originX, originY] = [11, 38];\n // Dimensions of single sheet in meters\n const [deltaX, deltaY] = [10000, 6250];\n // Determining Bonne XY coordinates for each sheet\n for (let i = 1; i <= 776; i++) {\n if (bonneCustomMapping.has(i)) {\n // Start a new row\n const [gridX, gridY] = bonneCustomMapping.get(i);\n let x = (gridX - originX) * deltaX;\n let y = (originY - gridY) * deltaY;\n map.set(i, [x, y]);\n } else {\n // Continue row\n const prevCoords = map.get(i - 1);\n const newCoords = [prevCoords[0] + deltaX, prevCoords[1]];\n map.set(i, newCoords);\n }\n }\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1335,"value":"bonneSvgData = {\n const arr = new Array();\n bonneCompleteMapping.forEach(([bonneX, bonneY], number) => {\n const width = bonneWidth / 1000;\n const height = bonneHeight / 1000;\n const x = bonneX / 1000;\n const y = -bonneY / 1000;\n arr.push({ number, width, height, x, y });\n });\n return arr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":962,"value":"bonneAllCoords = {\n const map = new Map();\n bonneCompleteMapping.forEach(([x, y], number) => {\n const width = bonneWidth;\n const height = bonneHeight;\n const topLeft = [x, y];\n const topRight = [x + width, y];\n const bottomRight = [x + width, y - height];\n const bottomLeft = [x, y - height];\n map.set(number, [topLeft, topRight, bottomRight, bottomLeft]);\n });\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":223,"value":"## Waterstaatskaart","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":248,"value":"| Attribute | Value |\n|-|-|\n| Scale | 1:50.000 |\n| Depicted area | 20 * 12.5 km |\n| Physical dimensions | 40 * 25 cm |\n| Scan resolution (RWS) | 200 dpi |\n| Scan dimensions | ${Math.round((40 / inch) * 200)} * ${Math.round((25 / inch) * 200)} pixels |\n| 1 pixel equals | ${Math.round(20000 / 3150)} m |","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":731,"value":"wskWidth = 20000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":734,"value":"wskHeight = 12500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":655,"value":"The sheet index of the Waterstaatskaart is based on the TMK. Each TMK sheet contains 4 subsheets in a Z-pattern. Some of the subsheets are skipped:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":419,"value":"wskSkippedSheets = {\n const map = new Map();\n map.set(1, [1, 2]);\n map.set(2, [1, 2]);\n map.set(3, [2]);\n map.set(4, [1, 3]);\n map.set(5, [1]);\n map.set(9, [2, 4]);\n map.set(15, [4]);\n map.set(20, [3, 4]);\n map.set(23, [2]);\n map.set(24, [1, 3]);\n map.set(26, [1, 2]);\n map.set(30, [1]);\n map.set(35, [1, 2]);\n map.set(36, [1, 2, 3]);\n map.set(41, [4]);\n map.set(42, [1, 3]);\n map.set(46, [2]);\n map.set(47, [1, 2]);\n map.set(53, [2]);\n map.set(54, [3]);\n map.set(55, [2, 3, 4]);\n map.set(56, [1, 2, 3, 4]);\n map.set(57, [3]);\n map.set(59, [1, 2, 3, 4]);\n map.set(60, [4]);\n map.set(61, [1, 3, 4]);\n map.set(62, [4]);\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1909,"value":"wskIncludedSheets = [...wskSkippedSheets].map(([number, sheets]) => {\n const defaultSheets = [\n [1, \"NW\"],\n [2, \"NE\"],\n [3, \"SW\"],\n [4, \"SE\"]\n ];\n const currentSheets = defaultSheets.filter(\n ([number, position]) => !sheets.includes(number)\n );\n return [\n number,\n { sheets: currentSheets.map(([number, position]) => ({ position })) }\n ];\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1093,"value":"wsk2ndEdSkippedSheets = {\n const map = new Map();\n map.set(22, [4]);\n // map.set(23, [1]);\n map.set(27, [3, 4]);\n map.set(28, [3, 4]);\n // 2 Bis\n // map.set(30, [2, 3, 4]);\n map.set(31, [3]);\n map.set(33, [3, 4]);\n map.set(37, [3, 4]);\n // 2 Bis\n // map.set(43, [3, 4]);\n // map.set(44, [3]);\n // map.set(45, [3, 4]);\n // map.set(48, [3, 4]);\n // map.set(49, [3, 4]);\n // map.set(51, [3, 4]);\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":646,"value":"Custom offsets for the top left coordinate of sheets `[x, y]`:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":450,"value":"wskCustomOffsets = {\n const map = new Map();\n // Measured in the scans\n map.set(\"1.1\", [0, -4900]);\n map.set(\"2.2\", [0, 2200]);\n map.set(\"4.1\", [-5000, 0]);\n map.set(\"4.2\", [-5000, 0]);\n map.set(\"9.1\", [3300, 0]);\n map.set(\"9.2\", [3300, 0]);\n map.set(\"29.1\", [0, 4600]);\n map.set(\"62.3\", [-3800, 0]);\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1106,"value":"wsk2ndEdCustomOffsets = {\n const map = new Map();\n // Transformed RD coords\n // \t140000, 135000\n // 139035, 135771\n // map.set(\"23.1\", [-965, 771]);\n // Reset from first ed.\n map.set(\"29.1\", [0, 250]);\n map.set(\"29.2\", [0, 0]);\n // Measured in the scans\n // 2 Bis\n // map.set(\"30.1\", [10300, 0]);\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":648,"value":"Custom dimensions for sheets `[width, height]`:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":527,"value":"wskCustomDimensions = {\n const map = new Map();\n const height = 12500;\n const width = 20000;\n // Measured in the scans\n map.set(\"2.2\", [undefined, height + wskCustomOffsets.get(\"2.2\")[1]]);\n map.set(\"23.1\", [undefined, 14100]);\n map.set(\"29.1\", [undefined, height + wskCustomOffsets.get(\"29.1\")[1]]);\n map.set(\"62.3\", [24750, undefined]);\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1115,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":659,"value":"Top left coordinates of all sheets:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":307,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1344,"value":"wskSvgData = {\n const arr = new Array();\n wskCompleteMapping.forEach(([bonneX, bonneY], number) => {\n const dimensions = wskCustomDimensions.get(number);\n const width = dimensions && dimensions[0] ? dimensions[0] / 1000 : wskWidth / 1000;\n const height = dimensions && dimensions[1] ? dimensions[1] / 1000 : wskHeight / 1000;\n const x = bonneX / 1000;\n const y = -bonneY / 1000;\n const scans = wskImg.get(number) ? wskImg.get(number).length : \"0\";\n arr.push({ number, width, height, x, y, scans });\n });\n return arr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":838,"value":"wskAllCoords = {\n const map = new Map();\n wskCompleteMapping.forEach(([x, y], number) => {\n const customDimensions = wskCustomDimensions.get(number);\n const width =\n customDimensions && customDimensions[0] ? customDimensions[0] : wskWidth;\n const height =\n customDimensions && customDimensions[1] ? customDimensions[1] : wskHeight;\n const topLeft = [x, y];\n const topRight = [x + width, y];\n const bottomRight = [x + width, y - height];\n const bottomLeft = [x, y - height];\n map.set(number, [topLeft, topRight, bottomRight, bottomLeft]);\n });\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1110,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1449,"value":"wsk2ndEdSvgData = {\n const arr = new Array();\n wsk2ndEdCompleteMapping.forEach(([bonneX, bonneY], number) => {\n const dimensions =\n wsk2ndEdCustomDimensions.get(number) || wskCustomDimensions.get(number);\n const width =\n dimensions && dimensions[0] ? dimensions[0] / 1000 : wskWidth / 1000;\n const height =\n dimensions && dimensions[1] ? dimensions[1] / 1000 : wskHeight / 1000;\n const x = bonneX / 1000;\n const y = -bonneY / 1000;\n const scans = wsk2ndEdImages.get(number)\n ? wsk2ndEdImages.get(number).length\n : \"0\";\n arr.push({ number, width, height, x, y, scans });\n });\n return arr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1168,"value":"wsk2ndAllCoords = {\n const map = new Map();\n wsk2ndEdCompleteMapping.forEach(([x, y], number) => {\n const customDimensions =\n wsk2ndEdCustomDimensions.get(number) || wskCustomDimensions.get(number);\n const width =\n customDimensions && customDimensions[0] ? customDimensions[0] : wskWidth;\n const height =\n customDimensions && customDimensions[1] ? customDimensions[1] : wskHeight;\n const topLeft = [x, y];\n const topRight = [x + width, y];\n const bottomRight = [x + width, y - height];\n const bottomLeft = [x, y - height];\n map.set(number, [topLeft, topRight, bottomRight, bottomLeft]);\n });\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1772,"value":"## Waterstaatskaart RD","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":848,"value":"## IIIF Images","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":852,"value":"First edition of the Waterstaatskaart:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":787,"value":"imagesWithSheetNumbersFirstEd = dlcsImport\n .filter((i) => i.Reference2 === \"1\")\n .map((i) => {\n const filename = i.Origin.split(\"/\").slice(-1)[0];\n const sheet = filename.split(\"-\")[0];\n const matches = filename.match(/\\d+-[\\w-]+-(\\d)/);\n // const check = matches ? false : true;\n const iiif = \"https://dlc.services/iiif-img/7/32/\" + i.ID;\n return {\n sheet: +sheet + \".\" + (matches ? +matches[1] : 1),\n filename,\n iiif,\n path: i.Origin\n };\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":795,"value":"wskImg = d3.group(imagesWithSheetNumbersFirstEd, (i) => i.sheet)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1316,"value":"wskMissingSheets = {\n const arr = new Array();\n wskCompleteMapping.forEach((value, key) => {\n if (!wskImg.has(key)) {\n arr.push(key);\n }\n });\n return arr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":868,"value":"Second edition of the Waterstaatskaart:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":854,"value":"imagesWithSheetNumbersSecondEd = dlcsImport\n .filter((i) => i.Reference2 === \"2\" && i.Reference3 === \"1\")\n .map((i) => {\n const filename = i.Origin.split(\"/\").slice(-1)[0];\n const sheet = filename.split(\"-\")[0];\n const matches = filename.match(/\\d+-[\\w-]+-(\\d)/);\n const eastWest = filename.includes(\"West\")\n ? 1\n : filename.includes(\"Oost\")\n ? 2\n : null;\n // const check = eastWest ? true : matches ? false : true;\n const iiif = \"https://dlc.services/iiif-img/7/32/\" + i.ID;\n return {\n sheet: +sheet + \".\" + (eastWest ? eastWest : matches ? +matches[1] : 1),\n filename,\n iiif,\n path: i.Origin\n };\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1173,"value":"wsk2ndEdImages = d3.group(imagesWithSheetNumbersSecondEd, (i) => i.sheet)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1293,"value":"wsk2ndEdMissingSheets = {\n const arr = new Array();\n wsk2ndEdCompleteMapping.forEach((value, key) => {\n if (!wsk2ndEdImages.has(key)) {\n arr.push(key);\n }\n });\n return arr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":897,"value":"To add:\n- Bonnebladen Nationaal Archief\n- TMK Nationaal Archief\n- TMK TU Delft\n- TMK VU\n- Waterstaatskaart UU\n- Bonnebladen Stadsarchief AMS","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1907,"value":"New scans Utrecht University Library:\n\n- [1e editie BIS](https://objects.library.uu.nl/reader/index.php?obj=1874-456650)\n- [2e editie](https://objects.library.uu.nl/reader/index.php?obj=1874-455650)\n- [2e editie BIS](https://objects.library.uu.nl/reader/index.php?obj=1874-456550)\n- [3e editie](https://objects.library.uu.nl/reader/index.php?obj=1874-456551)\n- [3e editie BIS](https://objects.library.uu.nl/reader/index.php?obj=1874-456552)\n- [4e editie](https://objects.library.uu.nl/reader/index.php?obj=1874-456588)\n- [4e editie BIS](https://objects.library.uu.nl/reader/index.php?obj=1874-456553)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1562,"value":"## Coordinate transformation with proj4js\n\nUsing new support for Bonne projection in proj4js, see https://observablehq.com/@tudelft/proj4js\n\n_A better result might be achieved using PROJ and the scripts provided [here](https://github.com/sammeltassen/proj-pipeline)._","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1565,"value":"bonneProj4StyleString = \"+proj=bonne +lat_1=51.5 +lon_0=0 +a=6376950.4 +rf=309.65 +pm=4.883882778 +towgs84=932.9862,86.2986,-197.9356,-2.276813,-1.478043,-4.673555,50.09450 +type=crs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1820,"value":"kraijenhoffProj4StyleString = \"+proj=bonne +lat_1=51.5 +lon_0=0 +a=6376950.4 +rf=309.65 +pm=2.335447889\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1568,"value":"bonneTransformer = proj(bonneProj4StyleString)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1823,"value":"kraijenhoffTransformer = proj(kraijenhoffProj4StyleString)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1681,"value":"_GeoJSON of The Netherlands to Bonne coordinates:_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1607,"value":"nlGeo = {\n const geojson = await FileAttachment(\"nl.geojson\").json();\n return geojson.geometry.coordinates.flat();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1571,"value":"nlResource = nlGeo.map((polygon) =>\n polygon.map((coord) => {\n const [x, y] = bonneTransformer.forward(coord);\n return [x / 1000, -y / 1000];\n })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1687,"value":"_GeoJSON exports:_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":909,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1690,"value":"geoJsonSelectedSheet = {\n if (selectedSheet) {\n const multiPoint = turf.multiPoint(selectedSheet.geo, {\n series: selectedSheet.title,\n sheet: selectedSheet.sheet\n });\n return turf.featureCollection([multiPoint]);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1734,"value":"roundCoord = (coord) => {\n const multiplier = 100000000;\n return Math.round(coord * multiplier) / multiplier;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$39","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":592,"value":"## Functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":461,"value":"function calcAverage(array) {\n const sum = array.reduce(\n (accumulator, currentValue) => accumulator + currentValue,\n 0\n );\n const average = sum / array.length;\n return drawingToWorld(average);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":606,"value":"// Millimeters to meters!\ndrawingToWorld = (distance) => (distance / 1000) * 50000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":918,"value":"downloadGeoJson = (data, filename = \"data.geojson\") => {\n const downloadData = new Blob([JSON.stringify(data, null, 4)], {\n type: \"application/json\"\n });\n const button = DOM.download(downloadData, filename, `Download GeoJSON`);\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1520,"value":"## Mutables","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1522,"value":"mutable selectedSheet = \"\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":556,"value":"## Constants","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":210,"value":"padding = 0.5","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":687,"value":"origin = [-120 - padding, -237.5 - padding]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":692,"value":"dimensions = [280 + 2 * padding, 327.5 + 2 * padding]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":240,"value":"series = [\n // {\n // slug: \"kraijenhoff\",\n // title: \"Choro-topographische kaart\",\n // xy: kraijenhoffAllCoords,\n // svg: kraijenhofSvgData,\n // stroke: \"#fe5e60\",\n // fill: \"#ffbfbf\"\n // },\n {\n slug: \"bonne\",\n title: \"Bonnebladen\",\n xy: bonneAllCoords,\n svg: bonneSvgData,\n stroke: \"#64c18f\",\n fill: \"#c1e6d2\"\n },\n {\n slug: \"tmk\",\n title: \"Topografisch Militaire Kaart\",\n xy: tmkAllCoords,\n svg: tmkSvgData,\n stroke: \"#fe5e60\",\n fill: \"#ffbfbf\"\n },\n {\n slug: \"wsk1\",\n title: \"Waterstaatskaart (1e editie)\",\n xy: wskAllCoords,\n svg: wskSvgData,\n stroke: \"#63d8e6\",\n fill: \"#c1eff5\"\n },\n {\n slug: \"wsk2\",\n title: \"Waterstaatskaart (2e editie)\",\n xy: wsk2ndAllCoords,\n svg: wsk2ndEdSvgData,\n stroke: \"#63d8e6\",\n fill: \"#c1eff5\"\n }\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":558,"value":"inch = 2.54","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1758,"value":"import { download } from \"@mbostock/lazy-download\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1764,"value":"import { serialize } from \"@kelleyvanevert/little-things\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":904,"value":"turf = require(\"https://bundle.run/turf@3.0.14\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1559,"value":"proj = require(\"proj4@2.12.0/dist/proj4-src.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"dlcsImport = FileAttachment(\"waterstaatskaart-dlcs-complete-edits@2.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3a","stdlib":"1","titling":"auto"}} 32:"$31:body"