2b:null 2c:["$","title",null,{"children":"Beef Explainer: Brazilian municipalities concentrating 95% of cattle deforestation (Map) | Trase | Observable"}] 31:T789,titleOnly = titleCard({ title: "Hotspots of cattle deforestation and conversion in Mato Grosso", subtitle: "Map of cattle deforestation and conversion in Mato Grosso per municipality for the years 2016 and 2020 (Source: Trase Supply Chains).", width: "100%", extra: html`

Select year: ${viewof valueYearSelect} Select a metric to display on the map: ${viewof valueColSelect} Select a concentration of cattle deforestation and conversion: ${viewof valuePctSelect}

Number of municipalities selected: ${munSelected}

Total cattle production selected: ${d3.format( ",.0f" )(munSelectedProduction)} tonnes (${d3.format(".0%")( munSelectedProductionPct )} of total production)

Total beef exported volume: ${d3.format( ",.0f" )(munSelectedExports)} tonnes (${d3.format(".0%")( munSelectedExportsPct )} of total exports)

`, footnote: "Total values may differ from the observed in the trade flows due to the existence of unknown municipalities of production and the harmonization between the cattle datasets. The “cattle deforestation and conversion - exports (ha)” information refers to the total deforestation caused by cattle production that was associated to beef exports. The “cattle total production (tonnes)” information refers to the total cattle production in the region." })32:Tb5e,chartOnly = { 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.id)?.[valueCol]) || 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) { context.beginPath(); path( topojson.mesh(boundaries, boundaries.objects.level2, (a, b) => a !== b) ); context.lineWidth = 1; context.strokeStyle = "#8a8a8a"; context.stroke(); } if (showBiomes) { // biomes 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)); } svg.append("g").call(annotate); canvas.call(hover, svg); return container.node(); }33:T63f,projections = new Map([ [ "argentina", d3 .geoTransverseMercator() .rotate([69, 0]) .fitSize( [width, height], topojson.mesh(boundaries, boundaries.objects.level1) ) ], [ "bolivia", d3 .geoTransverseMercator() .rotate([50, 55]) .fitSize( [width, height], topojson.mesh(boundaries, boundaries.objects.level1) ) ], [ "brazil", d3 .geoPolyconic() .rotate([54, 0]) .fitSize( [width, height], topojson.mesh(boundaries, boundaries.objects.level2) ) ], [ "colombia", d3 .geoTransverseMercator() .rotate([68, 4.6]) .fitSize( [width, height], topojson.mesh(boundaries, boundaries.objects.level1) ) ], [ "cote_divoire", d3 .geoTransverseMercator() // .rotate([68, 4.6]) .fitSize( [width, height], topojson.mesh(boundaries, boundaries.objects.level1) ) ], [ "ecuador", d3 .geoTransverseMercator() .rotate([50, 55]) .fitSize( [width, height], topojson.mesh(boundaries, boundaries.objects.level1) ) ], [ "paraguay", d3 .geoTransverseMercator() .rotate([63, 0]) .fitSize( [width, height], topojson.mesh(boundaries, boundaries.objects.level1) ) ], [ "indonesia", d3 .geoTransverseMercator() .rotate([-139.5, 0]) .fitSize( [width, height], topojson.mesh(boundaries, boundaries.objects.level1) ) ] ])34:T529,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.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, format(dataMap.get(f.id)), f) generateTooltip(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(); }); }35:[{"id":"1c48aaf7063b4271cbdb8a6de3c6ed370a0877a554d5e07c0192ca81add9e039432e9cd9a5d1a799d8e9d01f8b5475bfb3fdc4b9994d5a98cde2b265180a5d49","href":"https://static.observableusercontent.com/files/1c48aaf7063b4271cbdb8a6de3c6ed370a0877a554d5e07c0192ca81add9e039432e9cd9a5d1a799d8e9d01f8b5475bfb3fdc4b9994d5a98cde2b265180a5d49","name":"95pct_cattledef_map@7.json","type":"application/json","lastModified":1698137514742.564,"size":419331},{"id":"e413a8c41965e37fcfd0658dd8e61c62d1cb8fcc893aceb5844dda22475d47b6481d7849196620e2dca28c03e44b90e09d0e59e6e57f1dbfd82f3a3a4d8fafc4","href":"https://static.observableusercontent.com/files/e413a8c41965e37fcfd0658dd8e61c62d1cb8fcc893aceb5844dda22475d47b6481d7849196620e2dca28c03e44b90e09d0e59e6e57f1dbfd82f3a3a4d8fafc4","name":"biome@3.topo.json","type":"application/json","lastModified":1698137514742.564,"size":235316},{"id":"9d9d4759542d57e5c645761aed5baa515c13ca689a89cd73bb79d97ecd8ed96260296043e658d3fd657d92aeebeb9ae5701afbe4a87b9f0392d815f746117f38","href":"https://static.observableusercontent.com/files/9d9d4759542d57e5c645761aed5baa515c13ca689a89cd73bb79d97ecd8ed96260296043e658d3fd657d92aeebeb9ae5701afbe4a87b9f0392d815f746117f38","name":"world-50m.json","type":"application/json","lastModified":1698137514742.564,"size":747062},{"id":"935e9cca6bbb54432bd7d38000d91fe2f9ac22338a78cb848e4540eef40bd660f18b2238b24b1523987d9d442936c65dde0c8942f67ccbc4b3ba04a4d5ceb3a1","href":"https://static.observableusercontent.com/files/935e9cca6bbb54432bd7d38000d91fe2f9ac22338a78cb848e4540eef40bd660f18b2238b24b1523987d9d442936c65dde0c8942f67ccbc4b3ba04a4d5ceb3a1","name":"general_results_MatoGrosso@1.csv","type":"text/csv","lastModified":1698138195634.717,"size":111783}] 2f:{"id":"e63460ceb3e14520","slug":null,"title":"Beef Explainer: Brazilian municipalities concentrating 95% of cattle deforestation (Map)","thumbnail":"21e4c6d735b3ffdc0c9ba48c9745f467425556ab7939a18b97e2dd1b528b6a8f","access_level":"public","create_time":"$D2023-10-24T08:51:54.742Z","update_time":"$D2023-10-24T09:45:10.074Z","view_time":null,"first_public_time":"$D2023-10-24T10:02:31.312Z","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"},"version":1623,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"62b540d564c5895c","login":"opereira","name":"Osvaldo Pereira","avatar_url":"https://avatars-next.observableusercontent.com/95253acfbd3dc32e5dc573bae043a3c3ffcfe39cadeaa2ccd1aca3bd567ec8b1","tier":null}],"members":[{"type":"individual","id":"62b540d564c5895c","login":"opereira","name":"Osvaldo Pereira","avatar_url":"https://avatars-next.observableusercontent.com/95253acfbd3dc32e5dc573bae043a3c3ffcfe39cadeaa2ccd1aca3bd567ec8b1","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":0,"collection":null,"type":"notebook","body":{"title":"Beef Explainer: Brazilian municipalities concentrating 95% of cattle deforestation (Map)","cells":[{"id":0,"value":"md`# Beef Explainer: Brazilian municipalities concentrating 95% of cattle deforestation (Map)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1100,"value":"chart = htl.html`\n${titleOnly}\n${legendOnly}\n${chartOnly}\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":795,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"legendOnly = legendTemplate({\n colour: colour,\n title: tooltipKey,\n tickFormat: numberFormat\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"md`---\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"country = \"brazil\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":236,"value":"height = width * 0.625","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1105,"value":"width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":571,"value":"keyCol = \"trase_id\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":996,"value":"viewof valuePctSelect = Inputs.select([\"Total\", \"95%\", \"50%\"], {\n value: \"Total\",\n label: \"\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":964,"value":"viewof valueYearSelect = Inputs.select(\n [\"2016\", \"2020\"],\n {\n value: \"2020\",\n label: \"\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":910,"value":"viewof valueColSelect = Inputs.select(\n possibleColumns.filter((d) => d.selectable),\n { format: (d) => `${d.name} ${d.units}` }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":968,"value":"valueYear = parseInt(valueYearSelect)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1010,"value":"pct_select = [100, 95, 50, {\n total : \"Total\",\n quase : \"95%\",\n metade : \"50%\"\n}]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1111,"value":"munSelected = SelectedDataMap?.length","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1130,"value":"munSelectedProduction = d3.sum(SelectedDataMap, (d) => d[\"cattle_raw_production\"]) ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1162,"value":"munSelectedProductionPct = munSelectedProduction /\n d3.sum(selectedData, (d) => d[\"Cattle total production (tonnes)\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1127,"value":"munSelectedExports = d3.sum(SelectedDataMap, (d) => d[\"cattle_tn\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1146,"value":"munSelectedExportsPct = munSelectedExports /\n d3.sum(selectedData, (d) => d[\"Beef exports (tonnes)\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1062,"value":"valuePct = pct_select[Object.values(pct_select[3]).indexOf(valuePctSelect)]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":915,"value":"valueCol = valueColSelect?.column","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":579,"value":"valueTitle = valueColSelect?.name","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":581,"value":"valueUnits = valueColSelect?.units","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":928,"value":"columnsToDisplay = {\n const selected = possibleColumns.find((d) => d.column === valueCol);\n const other = possibleColumns.filter((d) => d.column !== valueCol);\n return [selected, ...other];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":808,"value":"possibleColumns = [\n {\n column: \"absolute_sum_cattle_def\",\n name: \"Cattle deforestation and conversion - exports\",\n units: \"(ha)\",\n selectable: true,\n format: \",.0~f\"\n },\n {\n column: \"relative_cattle_def_ha_tn\",\n name: \"Relative cattle deforestation and conversion\",\n units: \"(ha/tonnes)\",\n selectable: true,\n format: \",.0~f\"\n },\n {\n column: \"cattle_tn\",\n name: \"Beef exports\",\n units: \"(tonnes)\",\n selectable: false,\n format: \",.0~f\"\n },\n {\n column: \"cattle_raw_production\",\n name: \"Cattle total production\",\n units: \"(tonnes)\",\n selectable: false,\n format: \",.0~f\"\n }\n // {\n // column: \"pasture_deforestation_full\",\n // name: \"Pasture deforestation and conversion - total\",\n // units: \"(ha)\",\n // selectable: false,\n // format: \",.0~f\"\n // },\n // {\n // column: \"pasture_total_area\",\n // name: \"Total pasture area\",\n // units: \"(ha)\",\n // selectable: false,\n // format: \",.0~f\"\n // }\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":869,"value":"tableVis","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":666,"value":"showLand = true","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":680,"value":"showBiomes = true","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":875,"value":"selectedData = data\n .sort((a, b) => d3.descending(a[valueCol], b[valueCol]))\n .map((d) => {\n const obj = {\n Municipality: `${d[\"mun_name\"]}, ${d[\"state_name\"]}`\n // \"Soy deforestation (ha)\": d[valueCol]\n };\n for (const c of possibleColumns) {\n obj[`${c.name} ${c.units}`] = d[c.column];\n }\n if (d[\"year\"] === valueYear) {\n return obj;\n }\n else{\n return null\n }\n })\n .filter(element => {\n return element !== null;\n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1065,"value":"data[0][\"absolute_sum_cattle_def_cpct\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":982,"value":"SelectedDataMap = data\n .map((d) => {\n if (d[\"year\"] === valueYear) {\n if (d[\"absolute_sum_cattle_def_cpct\"] <= valuePct) {\n return d;\n }\n }\n return null;\n })\n .filter((element) => {\n return element !== null;\n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"// data = configs.data\ndata = await FileAttachment(\"general_results_MatoGrosso@1.csv\").csv({\n typed: true\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":894,"value":"data[0]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":892,"value":"configs.data[0]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":887,"value":"configs = FileAttachment(\"95pct_cattledef_map@7.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":494,"value":"dataMap = new Map(\n SelectedDataMap\n .filter((d) => {\n const regionId = String(d[keyCol]).includes(\"-\")\n ? String(d[keyCol]).split(\"-\")[1]\n : 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]).includes(\"-\")\n ? String(d[keyCol]).split(\"-\")[1]\n : String(d[keyCol]);\n\n // return [regionId, +d[valueCol]];\n return [regionId, d];\n })\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"boundaries = d3.json(\n `https://unpkg.com/@trase/trase-atlas@1.1.1/files/${country.toLowerCase()}.json`\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","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","output":"$undefined","database":"$undefined"},{"id":168,"value":"features = topojson.feature(boundaries, boundaries.objects[`level${level}`])\n .features","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"$undefined","database":"$undefined"},{"id":585,"value":"countries = Array.from(levels.keys())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"level = levels.get(country.toLowerCase())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"$undefined","database":"$undefined"},{"id":316,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"projection = projections.get(country.toLowerCase())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":338,"value":"colourScheme = traseReds","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1491,"value":"ninetiethPercentile = d3.quantile(\n data.map((d) => d[valueCol]),\n 0.995\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1479,"value":"tenthPercentile = d3.quantile(data.map(d => d[valueCol]), 0.85);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1499,"value":"extent = [tenthPercentile, ninetiethPercentile];","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1387,"value":"colour = d3\n .scaleSequential(\n d3.interpolateRgbBasis([\n \"#f7f0ee\",\n \"#fac3be\",\n \"#fc978f\",\n \"#fd7167\",\n \"#f6665c\",\n \"#df5d55\",\n \"#ba4e49\"\n ])\n )\n .domain(extent)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1571,"value":"// colour = d3.scaleSequential(\n// d3.extent(dataMap, ([, v]) => v[valueCol]),\n// d3.interpolateRgbBasis(colourScheme[9])\n// )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":575,"value":"numberFormat = \",.0~f\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"format = (value) =>\n Math.abs(value) < 10\n ? d3.format(\".2r\")(value)\n : d3.format(numberFormat)(value)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":460,"value":"annotate = g => {}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":407,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":811,"value":"generateTooltip = (d) => {\n const spacing = 4.25;\n const template = (valueTitle, valueUnits, value, i) => svg`\n \n ${valueTitle} ${valueUnits}\n \n ${format(value)}\n \n`;\n return svg`\n \n ${columnsToDisplay.map((x, i) =>\n template(x.name, x.units, dataMap.get(d.id)[x.column], i)\n )}\n `;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"tooltipKey = data.c || `${valueTitle} ${valueUnits ? valueUnits : \"\"}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","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","output":"$undefined","database":"$undefined"},{"id":53,"value":"import { traseColours, traseReds, fonts } from \"@trase/visual-id@1366\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":229,"value":"import { legend as legendTemplate } from \"@trase/legends@376\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":793,"value":"import { titleCard } from \"@trase/title-card\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"$undefined","database":"$undefined"},{"id":865,"value":"import { tableVis } with { selectedData as data } from \"@trase/table-visualization\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","output":"$undefined","database":"$undefined"},{"id":49,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"Flatbush = require(\"flatbush@3.2\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"turf = require(\"@turf/turf@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1371,"value":"simple = require(\"simple-statistics@7\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 30:"$2f:body"