An SVG you can work with!

31:T90f,html` TidyUpMySVG <= This tidies up the SVG you're just looking at `32:T479,html ` QMapToGeoJSON <= This downloads the GeoJSON behind the Q-Map you're looking at `33:Tdee,/* TidyUpMySVG // THIS CODE NEEDS TO BE CONAINTED IN A BOOKMARK AKA BOOKMARKLET // for deployment use this tool: http://js.do/blog/bookmarklets/ javascript: void (function() { var svg = document.querySelector("svg"); // // Problem: SVG exporters like QGIS define width and height in mm – Sketch parses those values as pixels resulting in a massive downscale of the graphic // Solution: Remove those attributes and fully rely on the pixel definition in viewBox // if ( svg.getAttribute("viewBox") && (svg.getAttribute("height") && svg.getAttribute("height").slice(-2) === "mm") || (svg.getAttribute("width") && svg.getAttribute("width").slice(-2) === "mm") ) { svg.removeAttribute("height"); svg.removeAttribute("width"); } // // Problem: SVG exporters like QGIS add invisible layers that need to be deleted every time in Sketch // Solution: Remove elements in invisible groups (with fill-opacity="0") // var hiddenElements = document.querySelectorAll("g[fill-opacity='0'] *:not([fill-opacity])"); hiddenElements.forEach(e => { e.parentNode && e.parentNode.removeChild(e); }); // // Problem: Groups with single children are annoying when editing // Solution: Upwrap groups that contain only single nodes // var groupsToUnwrap = []; document.querySelectorAll("g").forEach(g => { // collect groups with single nodes if (g.children.length === 1) { var el = g.firstElementChild; (g.hasAttribute("[transform]") === false || el.hasAttribute("[transform]") !== g.hasAttribute("[transform]")) && groupsToUnwrap.push(g); } // Upwrapping groups that aren't transforming their children may destroy predefined structures ... //else if(g.hasAttribute("[transform]") === false || g.hasAttribute('[transform="matrix(1,0,0,1,0,0)"]')) { // groupsToUnwrap.push(g); //} }); // unwrap groups that aren't transforming and apply the group's attributes to elements groupsToUnwrap.forEach(g => { if (g.parentNode) { while (g.children.length > 0) { var el = g.lastElementChild; for (var i = 0; i < g.attributes.length; i++) { var a = g.attributes[i]; el.hasAttribute(a.name) === false && el.setAttribute(a.name, a.value); } g.parentNode.insertBefore(el, g.nextSibling || g); } } }); // // Problem: We don't neeed empty groups // Solution: remove all empty groups // document.querySelectorAll("g").forEach(g => { g.children.length === 0 && g.parentNode && g.parentNode.removeChild(g); }); // // Problem: The transformation of clip-paths to masks makes editing nearly impossible // Strategy: remove clip-paths and move their reference into a group // var clipPaths = svg.querySelectorAll("defs > clipPath"); var groups=[]; clipPaths.forEach(() => { var g = document.createElementNS("http://www.w3.org/2000/svg","g"); svg.appendChild(g); groups.push(g); }); clipPaths.forEach((e,i) => { document.querySelectorAll('[clip-path="url(#'+e.id+')"]').forEach(e => { e.removeAttribute("clip-path"); groups[i].appendChild(e); }) }); // create new SVG and open in new tab var n = '\r\n', blob = new Blob([n, svg.outerHTML], { type: "image/svg+xml;charset=utf-8" }), oUrl = URL.createObjectURL(blob), win = window.open(); win.document.write( 'An SVG you can work with!

' ); })(); */34:T4d4,/* QMapToGeoJSON // THIS CODE NEEDS TO BE CONAINTED IN A BOOKMARK – AKA BOOKMARKLET // for deployment use this tool: http://js.do/blog/bookmarklets/ javascript: (function() { var json = { type: "FeatureCollection" }; var qid = location.href.split("https://q.st.nzz.ch/item/")[1]; if (qid === undefined) { qid = location.href.split("https://q.st.nzz.ch/editor/locator_map/")[1]; } if (qid === undefined) { alert( "Diese Seite scheint keine Q-Map zu sein – da kann ich nüscht machen." ); return false; } fetch("https://q-server.st.nzz.ch/item/" + qid) .then(res => res.json()) .then(res => { var features = []; res.geojsonList.forEach(d => { if (d.features && d.type === "FeatureCollection") { features = features.concat(d.features); } else { features.push(d); } }); json.features = features; var url = window.URL.createObjectURL( new Blob([JSON.stringify(json)], { type: "application/json" }) ); var a = document.createElement("a"); a.style.display = "none"; a.href = url; a.download = "qMap.json"; document.body.appendChild(a); a.click(); }); })(); */35:[] 2f:{"title":"NZZ Visuals Bookmarklets","cells":[{"id":0,"value":"md`# NZZ Visuals Bookmarklets\n\nBelow you see a list of bookmarklets (actually links) ready to be \"installed\". You install a bookmarklet by simply drag-and-dropping one of the links to your browser's bookmark bar.

\nWhenever you click a bookmarklet placed in your browser's bookmark bar its function is triggered and applied to the website that's currently displayed in your browser tab.\n`\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"html`\nEdit in Living Docs <= This lets you edit the current NZZ page in Livingdocs`","pinned":false,"hidden":false,"mode":"ojs"},{"id":73,"value":"html`Edit in Living Docs on Staging <= This lets you edit the current NZZ page in Livingdocs on Staging`","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":38,"value":"$34","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W35","stdlib":"1","titling":"auto"}