25:["$","title",null,{"children":"Indonesia woodpulp explainer - sectoral breakdown (ID) | Trase | Observable"}] 49:T65f,chart = { const root = treemap(data); const id = DOM.uid("chart").id; const svg = d3 .create("svg") .attr("class", id) .attr("viewBox", [0, 0, width, height]) .call((svg) => svg.append("defs").html(fonts(`.${id}`))); const leaf = svg .append("g") .attr("transform", `translate(${margin.left}, ${margin.top})`) .selectAll("g") .data(root.leaves()) .join("g") .attr("transform", (d) => `translate(${d.x0},${d.y0})`); const rect = leaf .append("rect") .attr("fill", (d) => { while (d.depth > 1) d = d.parent; return colour(d.data[0]); }) .attr("fill-opacity", 0.9) .attr("width", (d) => d.x1 - d.x0) .attr("height", (d) => d.y1 - d.y0); leaf .append("clipPath") .attr("id", (d) => (d.clipUid = DOM.uid("clip")).id) .append("rect") .attr("width", (d) => Math.max(d.x1 - d.x0 - 10, 0)) .attr("height", (d) => d.y1 - d.y0 - 10); leaf .append("text") .attr("transform", "translate(3, 3)") .filter(filterLabels) .attr("clip-path", (d) => d.clipUid) .style("font", "15px var(--trase-mono)") .style("fill", "#31464e") .style("text-transform", "titlecase") .selectAll("tspan") .data((d) => d.data[0].split(" ").concat(format(d.value))) .join("tspan") .attr("x", 5) .attr("dy", (d, i, g) => (i === g.length - 1 ? "1em" : "1em")) .text((d) => d) .style("font", (d, i, g) => i === g.length - 1 ? "bold 17px var(--trase-sans-serif)" : null ) .style("pointer-events", "none"); svg.append("g").call(annotate); rect.call(hover, svg); return svg.node(); }4a:T4b2,function titleCard_id(options = {}) { let { title, subtitle = "", extra = "", footnote = "", width = "255px" } = options; const id = DOM.uid("card").id; return html`

${title}

${ subtitle.length ? subtitle .split("\n") .map((d) => html.fragment`

${d}

`) : `` } ${extra} ${ footnote.length ? html`

Catatan

${footnote .split("\n") .map((d) => html.fragment`

${d}

`)}

` : `` }

`; }4b:[{"id":"886a8161ab8b6834672edbb18b89fa2f297b29e06b9f55189cef9d9b50d84de665061024067a0087dec4c518d6728c329e2e0a4f20bb5b921034bd43b9f4cc17","href":"https://static.observableusercontent.com/files/886a8161ab8b6834672edbb18b89fa2f297b29e06b9f55189cef9d9b50d84de665061024067a0087dec4c518d6728c329e2e0a4f20bb5b921034bd43b9f4cc17","name":"id_pulp_groups_volumes.csv","type":"text/csv","lastModified":1700068885352.808,"size":2160}] 29:{"id":"0ec5d9f08a56b8c7","slug":null,"title":"Indonesia woodpulp explainer - sectoral breakdown (ID)","thumbnail":"a313009ef58a3c71785238b2d77ddc07acc73614d292cdb4560e080ee20ec827","access_level":"unlisted","create_time":"$D2023-11-15T17:21:25.352Z","update_time":"$D2023-11-27T17:23:54.441Z","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":1524,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"848d46b552d9d034","login":"jasonjb82","name":"Jason J. Benedict","avatar_url":"https://avatars-next.observableusercontent.com/f38c50f136ea7fda190b9d5fe667c8144f827e69a8ebebc72acecb800a2a92cd","tier":null,"bio":"Researcher @ UC Santa Barbara - Land Systems | dataviz, rstats & python","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"848d46b552d9d034","login":"jasonjb82","name":"Jason J. Benedict","avatar_url":"https://avatars-next.observableusercontent.com/f38c50f136ea7fda190b9d5fe667c8144f827e69a8ebebc72acecb800a2a92cd","tier":null,"role":"editor"},{"type":"team","id":"7ad1222ddb4e496a","login":"trase","name":"Trase","avatar_url":"https://avatars-next.observableusercontent.com/b224aa7961f5a048a8038ec6325c50964fe0466aeb33b4e09887e1f552e8a676","tier":"pro","role":"editor"},{"type":"individual","id":"73fa85862ea99627","login":"trinity","name":"Brian","avatar_url":"https://avatars-next.observableusercontent.com/c2748bacde850a270d80a8ec4478c35a409bf6f4dd0290d3b48dee3bce599d2b","tier":null,"role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Indonesia woodpulp explainer - sectoral breakdown (ID)","cells":[{"id":0,"value":"md`# Indonesia woodpulp explainer - sectoral breakdown (ID)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1295,"value":"chartTitle = titleCard_id({\n title: \"Dua grup perusahaan mendominasi produksi pulp\",\n subtitle:\n \"Produksi pulp dalam juta ton untuk enam pabrik pulp yang beroperasi di Indonesia, 2022 (Sumber: Trase Supply Chains)\",\n footnote: \"M = millions (juta) dan k = thousands (ribu)\",\n //extra: [viewof treeMapSelect],\n width: 1\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":956,"value":"chartLegend = swatches({\n colour: colour,\n labelStyle: \"sans-serif\",\n orientation: \"vertical\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":951,"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":1397,"value":"viewof treeMapSelect = Inputs.select(\n [2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022],\n {\n step: 1,\n value: 2022,\n label: \"Select year:\",\n format: (d) => d\n }\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"height = width * 0.5\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1194,"value":"margin = ({ top: 0, bottom: 0, right: 0, left: 0 })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1403,"value":"full = FileAttachment(\"id_pulp_groups_volumes.csv\").csv({\n typed: true\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1395,"value":"data = full\n .filter((d) => d.year === treeMapSelect)\n .map((d) => ({\n key: titleCase(d.key2),\n key1: titleCase(d.key1),\n value: d.volume\n }))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1244,"value":"keys = Object.keys(data[0]).filter(d => d != \"value\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1243,"value":"treemap = data => d3.treemap()\n .tile(d3.treemapBinary)\n .size([width - margin.left - margin.right, height - margin.top - margin.bottom])\n .padding(padding)\n .round(round)\n (d3.hierarchy(d3.rollup(data, ([v]) => v.value, ...keys.map(k => d => d[k])))\n .sum(([,d]) => d)\n .sort(sortTree))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1242,"value":"padding = 1","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1241,"value":"round = true","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":942,"value":"// https://stackoverflow.com/a/58748962\nsortTree = (a, b) => (b.data[0] != \"Other\" ? b.value : -Infinity) - (a.data[0] != \"Other\" ? a.value : -Infinity)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1459,"value":"categories = d3\n .rollups(\n data,\n (v) => d3.sum(v, (d) => d.value),\n (d) => d[keys[0]]\n )\n .sort(([, a], [, b]) => b - a)\n .map(([d]) => d)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1239,"value":"//categories = d3.rollups(data, v => d3.sum(v, d => d.value), d => d[keys[0]])\n// .sort(([,a], [,b]) => b - a)\n// .filter(([d,]) => d != \"Other\")\n// .map(([d,]) => d)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1256,"value":"grpColors = [\"#e07474\",\"#F3AD6A\",\"#87a2bc\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"colour = d3\n .scaleOrdinal()\n .domain(categories)\n .range(traseCategory1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":940,"value":"filterLabels = d => (d.x1 - d.x0) * (d.y1 - d.y0) > (width * height) / 100","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"format = d3.format(\".3s\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":903,"value":"annotate = g => {}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":901,"value":"function hover(rects, svg) {\n const tooltip = new Tooltip();\n rects\n .style(\"cursor\", \"pointer\")\n .on(\"touchstart\", event => event.preventDefault())\n .on(\"pointerenter\", (event, d) => {\n const title = d.data[0] + \" (\" + d.parent.data[0] + \")\";\n tooltip.position(...d3.pointer(event, svg.node()));\n tooltip.show(\n title,\n tooltipKeyValue(tooltipKey, formatTooltipValue(d.data[1]), d)\n );\n d3.select(event.currentTarget)\n .transition()\n .style(\"opacity\", 0.7);\n })\n .on(\"pointermove\", function(event) {\n let [x, y] = tooltipOffset(\n tooltip,\n d3.pointer(event, svg.node()),\n width,\n height\n );\n tooltip.position(x, y);\n this.releasePointerCapture(event.pointerId);\n })\n .on(\"pointerout\", event => {\n tooltip.hide();\n d3.select(event.currentTarget)\n .transition()\n .style(\"opacity\", 0.9);\n });\n svg.append(() => tooltip.node);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":969,"value":"tooltipKey = \"Volume (tonnes)\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1234,"value":"formatTooltipValue = d3.format(\".3s\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1332,"value":"titleCase = text => {\n const titled = text.replace(/(\\w)(\\w*)/g, (_, first, rest) => first.toUpperCase() + rest.toLowerCase());\n return titled\n .replace(\"April\", \"APRIL\")\n .replace(\"Oki\", \"OKI\")\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":323,"value":"import { traseColours, traseReds, traseGreens, traseCategory1, 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":959,"value":"import { swatches } from \"@trase/legends@376\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1297,"value":"import { titleCard, html } from \"0b0a1fb420786911@645\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":928,"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":7,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1520,"value":"$4a","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