25:["$","title",null,{"children":"Pulp kayu Indonesia - intensitas deforestasi | Trase | Observable"}] 49:T55e,xAxis = (g, svg) => { const arrowId = DOM.uid("arrow"); svg .append("defs") .append("marker") .attr("id", arrowId.id) .attr("markerHeight", 10) .attr("markerWidth", 10) .attr("refX", 3.75) .attr("refY", 3.75) .attr("orient", "auto-start-reverse") .append("polyline") .attr("stroke", "#ddd") .attr("fill", "none") .attr("points", "0,0 3.75,3.75 0,7.5"); const left = width * 0.05, right = width * 0.95; g.append("line") .attr("x1", left) .attr("x2", right) .attr("y1", height - margin.bottom) .attr("y2", height - margin.bottom) .attr("stroke", "#ddd") .attr("stroke-width", 1.5) .attr("marker-start", arrowId) .attr("marker-end", arrowId); const text = g .append("g") .attr("transform", `translate(0, ${height - margin.bottom + 22})`) .style("pointer-events", "none") .style("font", "12px var(--trase-mono)") .style("fill", traseColours.get("moss")) .append("text"); text .append("tspan") .attr("x", width / 2) .attr("text-anchor", "middle") .style("font", "bold 14px var(--trase-sans-serif)") .text(data.x || "VALUE"); text .append("tspan") .attr("x", left) .attr("text-anchor", "start") .text("KURANG"); text .append("tspan") .attr("x", right) .attr("text-anchor", "end") .text("LEBIH"); }4a:[{"id":"cdbd964baf971ba9def6066b0103d0f01d63e71eb3539ed24dd910c8213d83da298eb8658534ddaa50fb7cbc3061d71d40ee8db407799d297717d42200c10fa1","href":"https://static.observableusercontent.com/files/cdbd964baf971ba9def6066b0103d0f01d63e71eb3539ed24dd910c8213d83da298eb8658534ddaa50fb7cbc3061d71d40ee8db407799d297717d42200c10fa1","name":"grp_mill_def_intensity_2019@4.csv","type":"text/csv","lastModified":1612974186494.501,"size":374}] 29:{"id":"1df8a12187c778e2","slug":null,"title":"Pulp kayu Indonesia - intensitas deforestasi","thumbnail":"a139fe7d96f2215ffdfc672ecbcb8d10aa12d11508908eea87434b728d89251a","access_level":"unlisted","create_time":"$D2021-02-10T16:23:06.494Z","update_time":"$D2021-02-17T04:49:11.913Z","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":836,"publish_version":836,"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"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Pulp kayu Indonesia - intensitas deforestasi","cells":[{"id":0,"value":"md`# Pulp kayu Indonesia - intensitas deforestasi`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":619,"value":"chartTitle = titleCard({\n title:\n \"Ekspor pulp yang ada saat ini berkaitan dengan deforestasi sebelum 2013\",\n subtitle:\n \"Pengolahan pulp disusun berdasarkan intensitas deforestasi dari ekspor pulp 2019 (sumbu-x) dan disusun dengan skala berdasarkan total volume produksi pulp 2019 (dalam ton)\",\n extra: circleLegend({\n scale: r,\n tickSize: 12,\n tickFormat: (d, i, g) =>\n i === g.length - 1 ? `${format(d)} PRODUKSI PULP (TON)` : format(d),\n tickWrap: true,\n marginRight: 100,\n marginBottom: 20,\n tickValues: [200000, 2000000]\n })\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"chart = {\n const id = DOM.uid(\"chart\").id;\n const svg = d3\n .create(\"svg\")\n .attr(\"class\", id)\n .attr(\"viewBox\", [0, 0, width, height])\n .call(svg => svg.append(\"defs\").html(fonts(`.${id}`)));\n \n const nodes = data.map(Object.create);\n const simulation = d3\n .forceSimulation(nodes)\n .force(\"x\", d3.forceX(d => x(d.value)).strength(xStrength))\n .force(\"y\", d3.forceY(y))\n .force(\"collide\", d3.forceCollide(d => r(d.value2) + 0.1))\n .randomSource(d3.randomLcg(0.4212687683098432008))\n .stop();\n\n for (let i = 0; i < 300; ++i) simulation.tick();\n \n invalidation.then(() => simulation.stop());\n\n const bees = svg\n .append(\"g\")\n .selectAll(\"circle\")\n .data(nodes)\n .join(\"circle\")\n .attr(\"cx\", d => d.x)\n .attr(\"cy\", d => d.y)\n .attr(\"r\", d => r(d.value2))\n .attr(\"fill\", d => colour(titleCase(d.key1)));\n \n svg.append(\"g\").call(xAxis, svg);\n \n svg.append(\"g\").call(annotate);\n \n bees.call(hover, svg);\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":459,"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":286,"value":"data = Object.assign(\n d3.csvParse(\n await FileAttachment(\"grp_mill_def_intensity_2019@4.csv\").text(),\n d3.autoType\n ),\n { x: \"Intensitas deforestasi (hektar/1k ton)\", y: \"Produksi pulp (ton)\" }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":497,"value":"order = d3.stackOrderAscending","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":501,"value":"values = Array.from(d3.rollup(data, ([d]) => d.value, d => +d.date, d => titleCase(d.key1)))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":495,"value":"series = d3.stack()\n .keys(keys)\n .value(([, values], key1) => values.get(key1) || 0)\n .order(order)(values)\n .map(d => (d.forEach(v => (v.key = d.key1)), d))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":478,"value":"keys = Array.from(d3.group(data, d => titleCase(d.key)).keys())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":494,"value":"positions = d3.rollup(series, ([d]) => d3.mean(d[0]), d => d.key)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":491,"value":"keysOrdered = [\"Sinar Mas\",\"Royal Golden Eagle / Tanoto\",\"Marubeni\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":462,"value":"colour = d3.scaleOrdinal()\n .domain(keysOrdered)\n .range(traseCategory1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"md`---\n\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"height = Math.max(width * 0.2, 150)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"margin = ({ top: 0, right: width * 0.12, bottom: 30, left: width * 0.12 })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":364,"value":"extent = d3.extent(data, d => d.value)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":363,"value":"colourScheme = traseReds","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":748,"value":"extent1 = d3.extent(data, d => d.value2)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":361,"value":"r = d3.scaleSqrt()\n .domain(extent1)\n .range([width * 3e-3 , width * 4e-2])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"x = d3.scaleLinear()\n .domain(extent)\n .range([margin.left, width - margin.right])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":373,"value":"y = height / 2.5","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":359,"value":"xStrength = 0.5","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":252,"value":"format = d3.format(\".03s\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":244,"value":"annotate = g => {}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":777,"value":"tooltipKey = data.x || \"VALUE\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":779,"value":"tooltipKey1 = data.y || \"VALUE\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":789,"value":"tooltipKeyValue = d => svg`\n ${tooltipKey.toUpperCase()}:\n ${format(d.value)}\n ${tooltipKey1.toUpperCase()}:\n ${format(d.value2)}\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":247,"value":"function hover(bees, svg) {\n const tooltip = new Tooltip();\n bees\n .style(\"cursor\", \"pointer\")\n .on(\"touchstart\", event => event.preventDefault())\n .on(\"pointerenter\", (event, d) => {\n tooltip.position(\n ...tooltipOffset(\n tooltip,\n d3.pointer(event, event.currentTarget.parentNode),\n width,\n height\n )\n );\n tooltip.show(titleCase(d.key), tooltipKeyValue(d));\n })\n .on(\"pointermove\", function(event) {\n let [x, y] = tooltipOffset(\n tooltip,\n d3.pointer(event, event.currentTarget.parentNode),\n width,\n height\n );\n tooltip.position(x, y);\n this.releasePointerCapture(event.pointerId);\n })\n .on(\"pointerout\", () => tooltip.hide());\n svg.append(() => tooltip.node);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":355,"value":"formatTooltipValue = d3.format(\".03s\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":643,"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":238,"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":432,"value":"import { circleLegend, 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":237,"value":"import { Tooltip, 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":395,"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":5,"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"}],"files":"$W4a","stdlib":"1"}} 24:null