2b:null 2c:["$","title",null,{"children":"Sphaera mundi separari | TU Delft Library | Observable"}] 31:T57a,metadata = [ { label: { en: ["Title"], nl: ["Titel"] }, value: { none: [ "Sphaera mundi. Georgius Purbachius: Theoricae novae planetarum. Regiomontanus: Disputationes contra Cremonensia deliramenta" ] } }, { label: { en: ["Contributor"], nl: ["Maker"] }, value: { none: ["Joannis de Sacro Bosco"] } }, { label: { en: ["Publisher"], nl: ["Uitgever"] }, value: { none: ["Ratdolt (Erhard), Venetiis"] } }, { label: { en: ["Year"], nl: ["Jaar"] }, value: { none: ["1485"] } }, { label: { en: ["Format"], nl: ["Formaat"] }, value: { none: ["Book"] } }, { label: { en: ["Description"], nl: ["Omschrijving"] }, value: { none: [ "58 foll. cum litt. init. florent. et figg. xylogr. 4o. des fol. I - 49-58." ] } }, { label: { en: ["Notes"], nl: ["Noot"] }, value: { none: ["n/a"] } }, { label: { en: ["OCLC Number"], nl: ["OCLC nummer"] }, value: { none: [ '842524767' ] } }, { label: { en: ["Shelf Number"], nl: ["Plaatsnummer"] }, value: { none: ["TR 514425"] } } ]32:T793,newManifest = { const builder = new IIIFBuilder.IIIFBuilder(); const id = "https://heritage.tudelft.nl/iiif/manifests/tr-514425"; const label = { none: [ "Sphaera mundi. Georgius Purbachius: Theoricae novae planetarum. Regiomontanus: Disputationes contra Cremonensia deliramenta" ] }; const manifest = builder.createManifest(id + "/manifest.json", (manifest) => { manifest.setLabel(label); manifest.setMetadata(metadata); for (const item of flatArray) { manifest.createCanvas( id + "/canvas/" + item.uuid + "/" + item.pagina, (canvas) => { canvas.height = item.region.height; canvas.width = item.region.width; canvas.addLabel(item.pagina, "none"); canvas.createAnnotation( id + "/annotation/" + item.uuid + "/" + item.pagina, { id: id + "/annotation/" + item.uuid + "/" + item.pagina, type: "Annotation", motivation: "painting", body: { type: "SpecificResource", source: { id: item.iiif, type: "Image", format: "image/jpeg", height: item.region.height, width: item.region.width, service: [ { id: "https://dlc.services/iiif-img/v3/7/6/" + item.uuid, type: "ImageService3", profile: "level2" } ] }, selector: { "@context": "http://iiif.io/api/annex/openannotation/context.json", type: "iiif:ImageApiSelector", region: Object.values(item.region).toString() } } } ); } ); } }); return builder.toPresentation3(manifest); }33:[{"id":"c2772f107339d65f705c8e4ee208e3d7f7d1c9c583b71ee7d5da7e02318a9d03e1aa3099029c86100cbfcd4aca4e38a206342e42bc03f0873f9928bdf5e6a976","href":"https://static.observableusercontent.com/files/c2772f107339d65f705c8e4ee208e3d7f7d1c9c583b71ee7d5da7e02318a9d03e1aa3099029c86100cbfcd4aca4e38a206342e42bc03f0873f9928bdf5e6a976","name":"sacro-bosco-corners.json","type":"application/json","lastModified":1745438267585.201,"size":14874},{"id":"d865cca3cb07a2623b6e8db888a7db3947707563334b2cf405eb9e373c33674c282eaf47a63efeb646c46ef074118b3d2901dbe3f471e28217e30d9a91917193","href":"https://static.observableusercontent.com/files/d865cca3cb07a2623b6e8db888a7db3947707563334b2cf405eb9e373c33674c282eaf47a63efeb646c46ef074118b3d2901dbe3f471e28217e30d9a91917193","name":"sacro-bosco-pages.json","type":"application/json","lastModified":1745438271442.59,"size":172083}] 2f:{"id":"0b49c930ce8e9885","slug":null,"title":"Sphaera mundi separari","thumbnail":"783eff13cae36cb286b1d20352e62a7feaf8c6117e6e282fbcf6fc6213517378","access_level":"public","create_time":"$D2025-04-23T19:56:36.610Z","update_time":"$D2025-04-24T16:28:40.395Z","view_time":null,"first_public_time":"$D2025-04-24T07:20:45.780Z","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":332,"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":"Sphaera mundi separari","cells":[{"id":0,"value":"# Sphaera mundi separari\n\nIn order to display this book in an interactive kiosk, the individual pages needed to be cropped from the full scan. This Notebook combines output from MapEdge (software originally developed to recognize the corners of map sheets) with manually transcribed locations of the spine on the page (using the [IIIF Manifest Editor](https://manifest-editor.digirati.services)). Using the [region parameters](https://iiif.io/api/image/3.0/#41-region) of the IIIF Image API, crops of the individual pages are requested below.\n\nThe book on the academic heritage website:\n\n- [Sphaera mundi. Georgius Purbachius: Theoricae novae planetarum. Regiomontanus: Disputationes contra Cremonensia deliramenta](https://heritage.tudelft.nl/en/objects/tr-514425)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":51,"value":"html`\n

\n${splitPages.map(({ left, right, iiifEndPoint }, index) => {\n const pageToImgUrl = ({ x, y, width, height }, iiifEndPoint, size = \"512,\") =>\n `${iiifEndPoint}/${x},${y},${width},${height}/${size}/0/default.jpg`;\n return `\n

Page ${index + 1} (left)

Page ${index + 1} (right)

\n`;\n})}\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":221,"value":"## Implementation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":174,"value":"Output of MapEdge (by Martijn Meijers):","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"corners = FileAttachment(\"sacro-bosco-corners.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"Manually transcribed positions of the spine in the [IIIF Manifest Editor](https://manifest-editor.digirati.services), encoded as annotations in the original IIIF Presentation Manifest:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":12,"value":"spines = FileAttachment(\"sacro-bosco-pages.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"Combined data:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":15,"value":"splitPages = spines.items.map((canvas, index) => {\n // Get SVG string\n const svgString = canvas.annotations[0].items[0].target.selector.value;\n // Parse string and extract points\n const parser = new DOMParser();\n const svg = parser.parseFromString(svgString, \"image/svg+xml\");\n const polyline = svg.getElementsByTagName(\"polyline\")[0];\n const points = polyline.getAttribute(\"points\");\n // Get average x coordinate\n const xCoords = points.split(\" \").map((i) => +i.split(\",\")[0]);\n const average = (array) => array.reduce((a, b) => a + b) / array.length;\n const center = Math.round(average(xCoords));\n // Get corners of page\n const { x, y, width, height, iiifEndPoint } = corners[index];\n // Return left and right page\n const left = {\n x,\n y,\n width: center - x,\n height\n };\n const right = {\n x: center,\n y,\n width: width + x - center,\n height\n };\n return { left, right, iiifEndPoint };\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"Flat array with endpoints (for export):","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":203,"value":"flatArray = splitPages\n .map(({ left, right, iiifEndPoint }, index) => {\n const pageToImgUrl = (\n { x, y, width, height },\n iiifEndPoint,\n size = \"max\"\n ) => `${iiifEndPoint}/${x},${y},${width},${height}/${size}/0/default.jpg`;\n const uuid = iiifEndPoint.split(\"/\").pop();\n return [\n {\n pagina: `${index + 1}a`,\n iiif: pageToImgUrl(left, iiifEndPoint),\n region: left,\n uuid\n },\n {\n pagina: `${index + 1}b`,\n iiif: pageToImgUrl(right, iiifEndPoint),\n region: right,\n uuid\n }\n ];\n })\n .flat()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":241,"value":"CSS for preview:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":223,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":189,"value":"Creating a new IIIF Manifest with canvasses for each page:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":311,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":266,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":326,"value":"The crops are encoded using the [IIIF Image API Selector](https://iiif.io/api/annex/openannotation/#iiif-image-api-selector):","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":323,"value":"```json\n${JSON.stringify(newManifest.items[0].items[0].items[0], null, 4)}\n```","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":260,"value":"## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":257,"value":"IIIFBuilder = import(\"https://cdn.jsdelivr.net/npm/@iiif/builder@2.0.1/+esm\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"