25:["$","title",null,{"children":"CI Cocoa - 3 + 4 - Absolute and relative deforestation | Trase | Observable"}] 49:T109d,chart = { const container = d3.create("div").style("position", "relative"); const context = DOM.context2d(width, height, 2); const canvas = container.append(() => context.canvas); const svg = container .append("svg") .attr("viewBox", [0, 0, width, height]) .attr("width", width) .attr("height", height) .style("position", "absolute") .style("top", 0) .style("left", 0) .style("pointer-events", "none"); // // background water // context.fillStyle = "#f4f8fb"; // context.fillRect(0, 0, width, height); const path = d3.geoPath(projection, context); if (showLand) { // world land masses const worldFeatures = topojson.feature( world, world.objects.countries ).features; for (let i = 0; i < worldFeatures.length; i++) { const feature = worldFeatures[i]; context.beginPath(); context.lineWidth = 0.1; context.strokeStyle = "#748f7e"; context.fillStyle = "rgba(245, 245, 245, 1)"; path(feature); context.fill(); context.stroke(); } } // regions for (let i = 0; i < features.length; i++) { const feature = features[i]; context.beginPath(); context.lineWidth = 0.1; context.strokeStyle = "#666"; context.fillStyle = colour(dataMap.get(feature.properties.trase_id)) || traseColours.get("lightgrey"); path(feature); context.fill(); context.stroke(); } // // if the data is recorded @ level 3 then draw borders for level 2 // if ((level === 3 || level === 2) && !(showBiomes || showRiverBasins)) { // context.beginPath(); // path(topojson.mesh(boundaries, boundaries.objects.data, (a, b) => a !== b)); // context.lineWidth = 1; // context.strokeStyle = "#8a8a8a"; // context.stroke(); // } if (showBiomes) { const biomesFeatures = topojson .feature( biomes, // biomes.objects.biomes_ecoregions biomes.objects.data ) .features.filter((d) => d.properties.country?.toLowerCase() === country); for (let i = 0; i < biomesFeatures.length; i++) { const feature = biomesFeatures[i]; context.beginPath(); context.lineWidth = 1; context.strokeStyle = "#748f7e"; context.fillStyle = "transparent"; path(feature); context.fill(); context.stroke(); } svg .append("g") .selectAll("text") .data(biomesFeatures) .join("text") .style("font", "bold 14px var(--trase-sans-serif)") .style("letter-spacing", "0.03em") .style("text-anchor", "middle") .attr("transform", (d) => { let [x, y] = path.centroid(d); if (d.properties.name === "MATA ATLANTICA") (x -= 50), (y += 60); return `translate(${x}, ${y})`; }) .text((d) => toTitleCase(d.properties.name)); } if (showRiverBasins) { const features = topojson.feature( riverBasins, riverBasins.objects.data ).features; // .filter((d) => d.properties.country?.toLowerCase() === country); for (let i = 0; i < features.length; i++) { const feature = features[i]; context.beginPath(); context.lineWidth = 1; context.strokeStyle = "#748f7e"; context.fillStyle = "transparent"; path(feature); context.fill(); context.stroke(); } svg .append("g") .selectAll("text") .data(features) .join("text") .style("font", "bold 14px var(--trase-sans-serif)") .style("letter-spacing", "0.03em") .style("text-anchor", "middle") .attr("transform", (d) => { let [x, y] = path.centroid(d); return `translate(${x}, ${y})`; }) .text((d) => { const text = d.properties.RIVER_BASIN; let [[x0Mid], [x1Mid]] = path.bounds(d); let area = path.area(d); let polygonWidth = x1Mid - x0Mid; // if (polygonWidth / area > 0.015) return; // heuristics if (text.includes("NE")) return; // doesn't fit return crop( text, "font: bold 14px var(--trase-sans-serif); letter-spacing: 0.03em", polygonWidth ); }); } svg.append("g").call(annotate); canvas.call(hover, svg); return container.node(); }4a:T5a4,function hover(canvas, svg) { const path = d3.geoPath(projection); const highlight = svg .append("path") .attr("stroke", "#666") .attr("stroke-width", 1.5) .attr("fill", "none"); const tooltip = new Tooltip(); svg.append(() => tooltip.node); canvas .style("cursor", "pointer") .on("touchstart", (event) => event.preventDefault()) .on("pointerenter pointermove", (event) => { // get feature let [cx, cy] = d3.pointer(event); const [x, y] = projection.invert([cx, cy]); const candidates = index.search(x, y, x, y).map((i) => features[i]); const f = candidates.find((f) => turf.booleanPointInPolygon([x, y], f)); // define interaction if (f && dataMap.has(f.properties.trase_id)) { (cx += 10), (cy += 10); if (cx + tooltip.width > width) cx -= tooltip.width + 20; if (cy + tooltip.height > height) cy -= tooltip.height; tooltip.show( f.properties.name, tooltipKeyValue( tooltipKey, dataMap.get(f.properties.trase_id) ? format(dataMap.get(f.properties.trase_id)) : "N/A", f ) ); tooltip.position(cx, cy); highlight.attr("d", path(f)); } else { highlight.attr("d", null); tooltip.hide(); } }) .on("pointerout", () => { highlight.attr("d", null); tooltip.hide(); }); }4b:[{"id":"9c1ec4c3cc57537beec37586e4976c26f0b675248244c59cf818cf66c0daedf34657b85fcbae68e8a55dca8d56dd551129aae2bbea55f7098a09b78696399c9e","href":"https://static.observableusercontent.com/files/9c1ec4c3cc57537beec37586e4976c26f0b675248244c59cf818cf66c0daedf34657b85fcbae68e8a55dca8d56dd551129aae2bbea55f7098a09b78696399c9e","name":"4_relative_geocode_2021@1.csv","type":"text/csv","lastModified":1712759204856.7,"size":2984613},{"id":"e413a8c41965e37fcfd0658dd8e61c62d1cb8fcc893aceb5844dda22475d47b6481d7849196620e2dca28c03e44b90e09d0e59e6e57f1dbfd82f3a3a4d8fafc4","href":"https://static.observableusercontent.com/files/e413a8c41965e37fcfd0658dd8e61c62d1cb8fcc893aceb5844dda22475d47b6481d7849196620e2dca28c03e44b90e09d0e59e6e57f1dbfd82f3a3a4d8fafc4","name":"biome@3.topo.json","type":"application/json","lastModified":1712759204856.7,"size":235316},{"id":"1470b7aed4416ff7729a8cff4213a61dee5a91db53e867fa89d1099ed4f2cc6dc0070746adbc77fbfa782785a0959f2a1487c72b1bb999f4e995308bbcb11bc3","href":"https://static.observableusercontent.com/files/1470b7aed4416ff7729a8cff4213a61dee5a91db53e867fa89d1099ed4f2cc6dc0070746adbc77fbfa782785a0959f2a1487c72b1bb999f4e995308bbcb11bc3","name":"br_river_basins@1.topojson","type":"application/octet-stream","lastModified":1712759204856.7,"size":59449},{"id":"9d9d4759542d57e5c645761aed5baa515c13ca689a89cd73bb79d97ecd8ed96260296043e658d3fd657d92aeebeb9ae5701afbe4a87b9f0392d815f746117f38","href":"https://static.observableusercontent.com/files/9d9d4759542d57e5c645761aed5baa515c13ca689a89cd73bb79d97ecd8ed96260296043e658d3fd657d92aeebeb9ae5701afbe4a87b9f0392d815f746117f38","name":"world-50m.json","type":"application/json","lastModified":1712759204856.7,"size":747062},{"id":"142c3ba74e1615b5ccb5d7eb1f170cd013fe4f0c566f98329b091c953a79f5315220fe72de93786b6e62bc14f6065f8be3bf61ad0578124c2b1703e55e679664","href":"https://static.observableusercontent.com/files/142c3ba74e1615b5ccb5d7eb1f170cd013fe4f0c566f98329b091c953a79f5315220fe72de93786b6e62bc14f6065f8be3bf61ad0578124c2b1703e55e679664","name":"def.csv","type":"text/csv","lastModified":1712759249653.449,"size":2251},{"id":"8cca7ffad00b67cc05b1a541895fab8cfd01120786e89a086e226ac9f05519fd0cbc2a0c571fa6c056df73ac6cf04663079eb26e9835942c176e6f421ab02b72","href":"https://static.observableusercontent.com/files/8cca7ffad00b67cc05b1a541895fab8cfd01120786e89a086e226ac9f05519fd0cbc2a0c571fa6c056df73ac6cf04663079eb26e9835942c176e6f421ab02b72","name":"department-1-9999.topo.json","type":"application/json","lastModified":1772648322815.832,"size":606502},{"id":"70ff6ac37ae02b1c5cc6c01675256b9f0d3e9921fdc3a555a4ec3e339f6391e4622f1a5190778265e112c81c1c67494e149d2eeddc1af16fa8de7b9878bbe9b0","href":"https://static.observableusercontent.com/files/70ff6ac37ae02b1c5cc6c01675256b9f0d3e9921fdc3a555a4ec3e339f6391e4622f1a5190778265e112c81c1c67494e149d2eeddc1af16fa8de7b9878bbe9b0","name":"department-1-9999.geo.json","type":"application/json","lastModified":1772648277849.213,"size":2178817}] 29:{"id":"ad4cf0236e9c9ba7","slug":null,"title":"CI Cocoa - 3 + 4 - Absolute and relative deforestation","thumbnail":"72bebba1ca00e5ff7e766767dd70109f085fb3309493cfbdbaabd45417bd7f44","access_level":"unlisted","create_time":"$D2024-04-10T14:26:44.856Z","update_time":"$D2026-03-04T18:20:38.850Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"7ad1222ddb4e496a","login":"trase","name":"Trase","avatar_url":"https://avatars-next.observableusercontent.com/b224aa7961f5a048a8038ec6325c50964fe0466aeb33b4e09887e1f552e8a676","tier":"pro","bio":"Trase is a supply chain transparency initiative that seeks to transform our understanding of how companies and governments involved in the trade of agricultural commodities are linked to impacts and opportunities for more sustainable production","followed_by_you":false,"follows_you":false},"version":960,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2afbe130e224f76e","login":"bernardol","name":"Bernardo Loureiro","avatar_url":"https://avatars-next.observableusercontent.com/3ddb97df58abc437d5bbc6349f9def4591d2d148c1ccc8047e6c56067eb89987","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"2afbe130e224f76e","login":"bernardol","name":"Bernardo Loureiro","avatar_url":"https://avatars-next.observableusercontent.com/3ddb97df58abc437d5bbc6349f9def4591d2d148c1ccc8047e6c56067eb89987","tier":null,"role":"editor"},{"type":"team","id":"7ad1222ddb4e496a","login":"trase","name":"Trase","avatar_url":"https://avatars-next.observableusercontent.com/b224aa7961f5a048a8038ec6325c50964fe0466aeb33b4e09887e1f552e8a676","tier":"pro","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"CI Cocoa - 3 + 4 - Absolute and relative deforestation","cells":[{"id":0,"value":"md`# CI Cocoa - 3 + 4 - Absolute and relative deforestation`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":865,"value":"import { titleCard } from \"@trase/title-card\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":867,"value":"title = titleCard({\n title:\n \"Cocoa deforestation is worst in western Côte d’Ivoire\",\n subtitle:\n \"The absolute and per-tonne cocoa-related deforestation in Côte d’Ivoire departments, 2021 (Source: Trase).\",\n width: 1,\n extra: html`\n Select a metric:\n ${viewof selectedValue}\n \n

\n `\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"legend = legendTemplate({\n colour: colour,\n title: tooltipKey,\n tickFormat: \"2s\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"md`---\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"country = \"cote_divoire\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":236,"value":"height = width * 0.625","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":569,"value":"valueCol = selectedValue.value\n// valueCol = \"CD_15Y_HA_TONNE\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":911,"value":"viewof selectedValue = Inputs.radio(valueOptions, {\n value: valueOptions[0],\n format: (x) => x.label\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":915,"value":"valueOptions = [\n {\n label: \"Relative deforestation\",\n value: \"CD_15Y_HA_TONNE\",\n units: \"(ha/1k tonne)\",\n format: \".1f\"\n },\n {\n label: \"Absolute deforestation\",\n value: \"CD_15Y_HA\",\n units: \"(ha)\",\n format: \",d\"\n }\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":571,"value":"// keyCol = \"id\"\nkeyCol = \"LVL4_TRASE_ID_PROD\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":579,"value":"valueTitle = \"Cocoa deforestation\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":581,"value":"valueUnits = selectedValue.units","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":666,"value":"showLand = true","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":680,"value":"showBiomes = false","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":782,"value":"showRiverBasins = false","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"dataRaw1 = Object.assign(\n await FileAttachment(\"4_relative_geocode_2021@1.csv\").csv(),\n {}\n).map((d) => ({ ...d, CD_15Y_HA_TONNE: d.CD_15Y_HA_TONNE * 1000 }))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":901,"value":"dataRaw2 = Object.assign(await FileAttachment(\"def.csv\").csv(), {})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":904,"value":"dataRaw = dataRaw1.map((d) => {\n const match = dataRaw2.find((c) => c[keyCol] === d[keyCol]);\n return { ...d, CD_15Y_HA: match.CD_15Y_HA };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":879,"value":"data = dataRaw","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":948,"value":"dataRaw.map((d) => ({ ...d, geometry: null }))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":494,"value":"dataMap = new Map(\n data\n .filter((d) => {\n const regionId = String(d[keyCol]);\n // ignore regions with XXXXXXX id, which are domestic consumption\n if (regionId !== \"XXXXXXX\" && regionId !== \"XX\") {\n return d;\n }\n })\n .map((d) => {\n const regionId = String(d[keyCol]);\n\n return [regionId, +d[valueCol]];\n })\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":856,"value":"colour(dataMap.get(\"CI-070301\")) || traseColours.get(\"lightgrey\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"boundaries = FileAttachment(\"department-1-9999.topo.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":629,"value":"// world = d3.json(\"https://unpkg.com/visionscarto-world-atlas/world/50m.json\")\nworld = FileAttachment(\"world-50m.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":668,"value":"// biomes = FileAttachment(\"biomes_ecoregions_filtered_no_caatinga.json\").json()\nbiomes = FileAttachment(\"biome@3.topo.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":785,"value":"// for now, just Brazil, located at\n// https://s3.console.aws.amazon.com/s3/buckets/trase-projects?region=eu-central-1&prefix=LCA/BASINS/&showversions=false\nriverBasins = FileAttachment(\"br_river_basins@1.topojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":168,"value":"features = topojson.feature(\n boundaries,\n boundaries.objects[\"department-1-9999.geo\"]\n).features","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"// levels of data resolution - will need updating over time\nlevels = new Map([\n [\"argentina\", 3],\n [\"bolivia\", 3],\n [\"brazil\", 3],\n [\"colombia\", 2],\n [\"cote_divoire\", 3],\n [\"ecuador\", 3],\n [\"paraguay\", 2],\n [\"indonesia\", 3]\n])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":585,"value":"countries = Array.from(levels.keys())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"level = levels.get(country.toLowerCase())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":772,"value":"toTitleCase = (str) => {\n return str?.toLowerCase()?.replace(/(^|\\s)\\S/g, (t) => t?.toUpperCase());\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"projection = d3\n .geoTransverseMercator()\n // .rotate([68, 4.6])\n .fitSize(\n [width, height],\n topojson.mesh(boundaries, boundaries.objects[\"department-1-9999.geo\"])\n )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":338,"value":"colourScheme = trasePurples","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"colour = d3.scaleSequential(d3.extent(dataMap, ([,v]) => v), d3.interpolateRgbBasis(colourScheme[9]));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":575,"value":"numberFormat = selectedValue.format","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"format = (value) =>\n Math.abs(value) < 1 ? d3.format(\".2r\")(value) : d3.format(numberFormat)(value)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":460,"value":"annotate = g => {}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":407,"value":"$4a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"tooltipKey = data.c || `${valueTitle} ${valueUnits ? valueUnits : \"\"}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"// https://observablehq.com/@rdmurphy/combining-html-canvas-svg-flatbush-for-super-efficient-hov\nscript = {\n const blob = new Blob([`\n importScripts(\"${await require.resolve(\"flatbush@3.2\")}\");\n\n onmessage = (event) => {\n const { data } = event.data;\n const index = new Flatbush(data.length);\n data.forEach(bbox => { index.add(...bbox) });\n index.finish();\n postMessage(index.data);\n close();\n };\n`], {type: \"text/javascript\"});\n const script = URL.createObjectURL(blob);\n invalidation.then(() => URL.revokeObjectURL(script));\n return script;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"index = Generators.queue(notify => {\n const worker = new Worker(script);\n invalidation.then(() => worker.terminate());\n worker.addEventListener(\"message\", ({data}) => notify(Flatbush.from(data)))\n worker.postMessage({ data: features.map(d => turf.bbox(d)) });\n});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":811,"value":"crop = (text, style, margin) => {\n const length = getLabelLength(text, style);\n const prop = (length - margin * 0.8) / length;\n return prop <= 0\n ? text\n : text.substr(0, Math.floor(text.length * (1 - prop))).trim() + \"...\";\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"import { traseColours, traseOrangesco, trasePurples, fonts } from \"@trase/visual-id@1366\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":229,"value":"import { legend as legendTemplate } from \"@trase/legends\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"import { Tooltip, tooltipKeyValue, tooltipOffset } from \"@trase/tooltip@440\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"d3 = require(\"d3@6\", \"d3-geo-projection@2.9\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"Flatbush = require(\"flatbush@3.2\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"turf = require(\"@turf/turf@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":813,"value":"import { getLabelLength } from \"@trase/legends-2-0\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4b","stdlib":"1"}} 24:null