22:null 23:["$","title",null,{"children":"Visualización 1 | Gady Magdiel Enciso Gomez | Observable"}] 28:T4941,chart = { const RED = "#D7191C", BLUE = "#2166AC", R = 270, W = 14, LABEL_MIN = 0.028; const CONT_ORDER = Object.keys(CONTINENTS); // Anillo de países [R, R+W]; banda de continente pegada a él [BAND0, BAND1]; etiquetas de país a LR; etiquetas de continente pequeñas a OUT const BAND0 = R + W + 2, BAND1 = R + W + 22, BRM = (BAND0 + BAND1) / 2, LR = BAND1 + 6, OUT = LR + 112; const pt = (a, r) => [r * Math.sin(a), -r * Math.cos(a)]; const mid = s => (s.startAngle + s.endAngle) / 2; // Orden fijo de países, calculado con TODOS los datos: así el círculo no se reordena al cambiar de año const nodes = buildNodes(aggregate(data)); const byYear = d3.group(data, d => d.year); const yMin = d3.min(data, d => d.year), yMax = d3.max(data, d => d.year), years = d3.range(yMin, yMax + 1); const yearTotal = new Map(years.map(y => [y, d3.sum(byYear.get(y) || [], d => d.amount)])); const uid = "gaf" + Math.random().toString(36).slice(2, 7); const root = html`

Modo Velocidad

`; const $ = q => d3.select(root).select(q); const svg = d3.create("svg").attr("viewBox", [-560, -470, 1120, 940]).style("width", "100%").style("height", "auto") .attr("role", "img").attr("aria-label", "Chord diagram dirigido de ayuda internacional entre países, agrupados por continente"); $(".main").node().append(svg.node()); const tip = $(".tip"); const defs = svg.append("defs"), gRib = svg.append("g"), gSeg = svg.append("g"), gLab = svg.append("g"), gCont = svg.append("g"); const chordLayout = d3.chordDirected().padAngle(0.012).sortSubgroups(d3.descending); const ribbonGen = d3.ribbonArrow().radius(R - 2).padAngle(1 / R).headRadius(8); const arcGen = d3.arc().innerRadius(R).outerRadius(R + W), bandGen = d3.arc().innerRadius(BAND0).outerRadius(BAND1); const S = {R, RED, BLUE, pt, mid, nodes, defs, CONT_ORDER, t: 0, rows: [], links: [], chords: [], groups: [], range: [yMin, yMax], year: null, playing: false, token: 0}; const cur = new Map(); // última geometría de cada cinta (para interpolar entre años) const lerp = (f, t, k) => ({s0: f.s0 + (t.s0 - f.s0) * k, s1: f.s1 + (t.s1 - f.s1) * k, t0: f.t0 + (t.t0 - f.t0) * k, t1: f.t1 + (t.t1 - f.t1) * k}); const collapse = a => { const s = (a.s0 + a.s1) / 2, t = (a.t0 + a.t1) / 2; return {s0: s, s1: s, t0: t, t1: t}; }; const stats = name => ({out: d3.sum(S.links.filter(l => l.donor === name), l => l.value), inn: d3.sum(S.links.filter(l => l.recipient === name), l => l.value)}); const place = e => { const [x, y] = d3.pointer(e, root); tip.style("left", Math.min(x + 14, root.clientWidth - 270) + "px").style("top", (y + 14) + "px"); }; const clear = () => { svg.classed("focus", false); S.rib.classed("hl", false); tip.style("display", "none"); S.lbl.classed("show", false).classed("off", g => g.endAngle - g.startAngle < LABEL_MIN); }; const focusNode = g => { const n = nodes[g.index], s = stats(n.name), net = s.out - s.inn; svg.classed("focus", true); S.rib.classed("hl", d => !d.exit && (d.source.index === g.index || d.target.index === g.index)); S.lbl.classed("show", x => x.index === g.index).classed("off", x => x.index !== g.index && x.endAngle - x.startAngle < LABEL_MIN); tip.style("display", "block").html(`${n.name}
${n.continent}
Donado: ${money(s.out)}
Recibido: ${money(s.inn)}
Balance neto: ${net >= 0 ? "+" : "−"}${money(Math.abs(net))}`); }; const focusCont = c => { svg.classed("focus", true); S.rib.classed("hl", d => !d.exit && (continentOf.get(d.link.donor) === c || continentOf.get(d.link.recipient) === c)); const out = d3.sum(S.links.filter(l => continentOf.get(l.donor) === c), l => l.value), inn = d3.sum(S.links.filter(l => continentOf.get(l.recipient) === c), l => l.value), net = out - inn; tip.style("display", "block").html(`${c} · ${nodes.filter(n => n.continent === c).length} países
Donado: ${money(out)}
Recibido: ${money(inn)}
Balance neto: ${net >= 0 ? "+" : "−"}${money(Math.abs(net))}
Incluye flujos entre países del mismo continente.`); }; const focusRibbon = d => { const l = d.link; svg.classed("focus", true); S.rib.classed("hl", x => x === d); tip.style("display", "block").html(`Donante: ${l.donor}
Receptor → ${l.recipient}
Monto: ${money(l.value)}
Periodo: ${l.y0 === l.y1 ? l.y0 : l.y0 + "–" + l.y1} (${l.n} registros)`); }; function applyThr() { S.rib.style("display", d => (d.exit || d.value >= S.t) ? null : "none"); const hid = S.chords.filter(d => d.value < S.t), tot = d3.sum(S.chords, d => d.value) || 1; $(".note").text(S.t ? `Se ocultan ${hid.length} de ${S.chords.length} flujos (${d3.format(".2%")(d3.sum(hid, d => d.value) / tot)} del volumen del periodo).` : `Se muestran los ${S.chords.length} flujos del periodo.`); } // render(rows, dur): dibuja (o anima hacia) el conjunto de transferencias indicado function render(rows, dur = 0) { S.rows = rows; const ls = aggregate(rows); S.links = ls; const layout = ls.length ? chordLayout(buildMatrix(ls, nodes)) : Object.assign([], {groups: nodes.map(n => ({index: n.index, startAngle: 0, endAngle: 0}))}); const byKey = new Map(ls.map(l => [l.key, l])); const chords = Array.from(layout).map(c => Object.assign(c, {link: byKey.get(nodes[c.source.index].name + "|" + nodes[c.target.index].name)})); chords.forEach(c => { c.key = c.link.key; c.value = c.link.value; c.gid = `${uid}-${c.source.index}-${c.target.index}`; }); S.chords = chords; S.groups = layout.groups; const next = new Set(chords.map(c => c.key)); const exiting = [...cur].filter(([k]) => !next.has(k)).map(([k, p]) => ({key: k, exit: true, gid: p.gid, link: p.link, prev: p})); const items = chords.concat(exiting); defs.selectAll("linearGradient").data(items, d => d.key).join(e => { const g = e.append("linearGradient").attr("gradientUnits", "userSpaceOnUse"); g.append("stop").attr("offset", "0%").attr("stop-color", RED); g.append("stop").attr("offset", "100%").attr("stop-color", BLUE); return g; }).attr("id", d => d.gid); const gnode = new Map(defs.selectAll("linearGradient").nodes().map(n => [n.id, n])); // Degradado propio por cinta: eje recto desde el punto medio del arco donante al del receptor const setGrad = (d, a) => { const [x1, y1] = pt((a.s0 + a.s1) / 2, R - 2), [x2, y2] = pt((a.t0 + a.t1) / 2, R - 2); d3.select(gnode.get(d.gid)).attr("x1", x1).attr("y1", y1).attr("x2", x2).attr("y2", y2); }; const geom = a => ribbonGen({source: {startAngle: a.s0, endAngle: a.s1}, target: {startAngle: a.t0, endAngle: a.t1}}); S.rib = gRib.selectAll("path").data(items, d => d.key).join("path").attr("class", "ribbon") .attr("fill", d => `url(#${d.gid})`).style("pointer-events", d => d.exit ? "none" : null) .on("pointerenter", (e, d) => !d.exit && focusRibbon(d)).on("pointermove", place).on("pointerleave", clear); S.rib.each(function (d) { const to = d.exit ? {...collapse(d.prev)} : {s0: d.source.startAngle, s1: d.source.endAngle, t0: d.target.startAngle, t1: d.target.endAngle}; const p = cur.get(d.key), from = d.exit ? d.prev : (p || collapse(to)); if (d.exit) cur.delete(d.key); else cur.set(d.key, {...to, gid: d.gid, link: d.link}); const sel = d3.select(this).interrupt(); if (!dur) { setGrad(d, to); sel.attr("d", geom(to)); if (d.exit) sel.remove(); return; } sel.transition().duration(dur).ease(d3.easeCubicInOut) .attrTween("d", () => k => { const a = lerp(from, to, k); setGrad(d, a); return geom(a); }) .on("end", () => { if (d.exit) sel.remove(); }); }); const tweenArc = (sel, key, fn) => sel.each(function (d) { // interpola [inicio, fin] y regenera el path const to = key(d), from = this.__a || to; this.__a = to; const t = d3.select(this).interrupt(); if (!dur) return t.attr("d", fn(to, d)); t.transition().duration(dur).ease(d3.easeCubicInOut).attrTween("d", () => k => fn([from[0] + (to[0] - from[0]) * k, from[1] + (to[1] - from[1]) * k], d)); }); S.seg = gSeg.selectAll("path").data(layout.groups, d => d.index).join("path").attr("class", "seg") .on("pointerenter", (e, g) => focusNode(g)).on("pointermove", place).on("pointerleave", clear); tweenArc(S.seg, g => [g.startAngle, g.endAngle], a => arcGen({startAngle: a[0], endAngle: a[1]})); const tf = a => `rotate(${a * 180 / Math.PI - 90}) translate(${LR}) ${a > Math.PI ? "rotate(180)" : ""}`; S.lbl = gLab.selectAll("text").data(layout.groups, d => d.index).join("text").attr("dy", "0.32em").text(g => nodes[g.index].gap ? "" : nodes[g.index].name) .attr("class", g => "lbl" + (g.endAngle - g.startAngle < LABEL_MIN ? " off" : "")) .attr("text-anchor", g => mid(g) > Math.PI ? "end" : "start") .each(function (g) { // la etiqueta sigue al segmento interpolando su ángulo const to = mid(g), from = this.__m === undefined ? to : this.__m; this.__m = to; const s = d3.select(this).interrupt(); if (!dur) return s.attr("transform", tf(to)); s.transition().duration(dur).ease(d3.easeCubicInOut).attrTween("transform", () => k => tf(from + (to - from) * k)); }); // Bloques de continente: banda gris (tonos alternos, sin color por continente) pegada al anillo de países const conts = CONT_ORDER.map((c, i) => { const gs = layout.groups.filter(g => nodes[g.index].continent === c); const a0 = d3.min(gs, g => g.startAngle), a1 = d3.max(gs, g => g.endAngle); return {c, i, a0, a1, m: (a0 + a1) / 2, vis: a1 - a0 > 0.004, fits: (a1 - a0) * BRM >= c.length * 7.4 + 10}; }); const cg = gCont.selectAll("g.cg").data(conts, d => d.c).join(e => { const g = e.append("g").attr("class", "cg"); g.append("path").attr("class", "band").attr("fill", d => d.i % 2 ? "#6b7280" : "#374151"); g.append("path").attr("class", "tp").attr("id", d => `${uid}-cp${d.i}`).attr("fill", "none"); g.append("text").attr("class", "cont in").attr("dy", "0.35em").append("textPath").attr("href", d => `#${uid}-cp${d.i}`).attr("startOffset", "50%").attr("text-anchor", "middle").text(d => d.c); g.append("text").attr("class", "cont out").attr("dy", "0.35em").text(d => d.c); return g; }); cg.select(".band").on("pointerenter", (e, d) => focusCont(d.c)).on("pointermove", place).on("pointerleave", clear); tweenArc(cg.select(".band"), d => [d.a0, d.a1], a => bandGen({startAngle: a[0], endAngle: a[1]})); tweenArc(cg.select(".tp"), d => [d.a0, d.a1], (a, d) => { // línea base del texto curvo (invertida abajo para que se lea derecho) const r = BRM, big = (a[1] - a[0]) > Math.PI ? 1 : 0, [x0, y0] = pt(a[0], r), [x1, y1] = pt(a[1], r); return Math.cos(d.m) < 0 ? `M${x1},${y1}A${r},${r} 0 ${big} 0 ${x0},${y0}` : `M${x0},${y0}A${r},${r} 0 ${big} 1 ${x1},${y1}`; }); cg.select(".in").style("display", d => d.fits && d.vis ? null : "none"); const outT = cg.select(".out").style("display", d => !d.fits && d.vis ? null : "none") // continentes estrechos: etiqueta fuera, alineada con su banda .attr("text-anchor", d => Math.sin(d.m) > 0.25 ? "start" : Math.sin(d.m) < -0.25 ? "end" : "middle"); (dur ? outT.transition().duration(dur).ease(d3.easeCubicInOut) : outT).attr("x", d => pt(d.m, OUT)[0]).attr("y", d => pt(d.m, OUT)[1]); applyThr(); } // ---------- Línea temporal: barras por año + brush para elegir el rango ---------- const M = {l: 40, r: 20, t: 8, b: 22}, TW = 1000, TH = 120; const x = d3.scaleBand(years, [M.l, TW - M.r]).paddingInner(0.15); const y = d3.scaleLinear([0, d3.max(yearTotal.values())], [TH - M.b, M.t]); const tl = d3.create("svg").attr("viewBox", [0, 0, TW, TH]).style("width", "100%").attr("role", "img") .attr("aria-label", "Línea temporal: monto total de ayuda por año. Arrastra para seleccionar un rango."); const bars = tl.append("g").selectAll("rect").data(years).join("rect").attr("x", d => x(d)).attr("width", x.bandwidth()) .attr("y", d => y(yearTotal.get(d))).attr("height", d => y(0) - y(yearTotal.get(d))); tl.append("g").selectAll("text").data(years.filter(d => d % 5 === 0)).join("text").attr("x", d => x(d) + x.bandwidth() / 2).attr("y", TH - 6) .attr("text-anchor", "middle").attr("font-size", 10).attr("fill", "#6b7280").text(d => d); tl.append("text").attr("x", 4).attr("y", 12).attr("font-size", 10).attr("fill", "#6b7280").text(money(y.domain()[1])); const head = tl.append("rect").attr("y", M.t).attr("width", x.bandwidth()).attr("height", TH - M.b - M.t).attr("fill", "none").attr("stroke", "#D7191C").attr("stroke-width", 2).style("display", "none"); const colorBars = () => { bars.attr("fill", d => S.year === d ? "#1f2a44" : d >= S.range[0] && d <= S.range[1] ? "#9ca3af" : "#E5E7EB"); head.style("display", S.year === null ? "none" : null); if (S.year !== null) head.attr("x", x(S.year)); }; const readout = t => $(".ro").text(t); // Panel lateral: dónde estamos (año actual, rango acumulado o rango seleccionado) + avance dentro del rango const side = (k, big, sub, p) => { $(".side .k").text(k); $(".side .big").text(big); $(".side .sub").text(sub); $(".side .pg i").style("width", (100 * p) + "%"); }; const brush = d3.brushX().extent([[M.l, M.t], [TW - M.r, TH - M.b]]).on("end", e => { if (!e.sourceEvent) return; const n = years.length, step = x.step(), cl = v => Math.max(0, Math.min(n - 1, v)); let a = yMin, b = yMax; if (e.selection) { a = years[cl(Math.round((e.selection[0] - M.l) / step))]; b = Math.max(a, years[cl(Math.round((e.selection[1] - M.l) / step) - 1)]); } S.range = [a, b]; gBrush.call(brush.move, [x(a), x(b) + x.bandwidth()]); showRange(); }); const gBrush = tl.append("g").call(brush); $(".ctl").node().after(tl.node()); const stop = () => { S.token++; S.playing = false; $(".play").text("▶ Reproducir"); }; function showRange(first) { stop(); S.year = null; const [a, b] = S.range; const rows = data.filter(d => d.year >= a && d.year <= b); render(rows, first === true ? 0 : 600); colorBars(); const tot = money(d3.sum(rows, d => d.amount)); readout(`Rango ${a}–${b} (agregado) · total ${tot}`); side("Rango seleccionado", a === b ? `${a}` : `${a}–${b}`, `Agregado · total ${tot}`, 0); } async function play() { if (S.playing) return stop(); S.playing = true; $(".play").text("⏸ Pausar"); const tok = ++S.token, [a, b] = S.range, mode = $(".mode").property("value"); for (let yr = a; yr <= b && S.token === tok; yr++) { const dur = +$(".spd").property("value"); S.year = yr; const rows = mode === "cum" ? d3.range(a, yr + 1).flatMap(k => byYear.get(k) || []) : (byYear.get(yr) || []); render(rows, dur * 0.9); colorBars(); readout(`${mode === "cum" ? a + "–" + yr + " (acumulado)" : "Año " + yr} · total ${money(d3.sum(rows, d => d.amount))}${rows.length ? "" : " · sin datos"}`); const tot = money(d3.sum(rows, d => d.amount)), p = (yr - a + 1) / (b - a + 1); if (mode === "cum") side("Acumulado", a === yr ? `${a}` : `${a}–${yr}`, `Total acumulado ${tot} · año ${yr - a + 1} de ${b - a + 1}`, p); else side("Año a año", `${yr}`, `Total del año ${tot}${rows.length ? "" : " (sin datos)"} · ${yr - a + 1} de ${b - a + 1} (${a}–${b})`, p); await new Promise(r => setTimeout(r, dur)); } if (S.token === tok) { S.playing = false; $(".play").text("▶ Reproducir"); } } $(".play").on("click", play); gBrush.call(brush.move, [x(yMin), x(yMax) + x.bandwidth()]); showRange(true); root.setThreshold = t => { S.t = t; applyThr(); }; root.state = S; root.render = render; root.byYear = byYear; root.years = years; invalidation.then(stop); return root; }29:Tab5,validations = { const S = chart.state, eps = 1e-6, res = [], add = (t, ok, d = "") => res.push([t, ok, d]); const raw = d3.sum(S.rows, d => d.amount), mat = buildMatrix(S.links, S.nodes); const rowSum = d3.sum(mat, r => d3.sum(r)), colSum = d3.sum(d3.range(mat.length), j => d3.sum(mat, r => r[j])); add("Total enviado = total recibido = total mostrado", Math.abs(rowSum - colSum) < 1 && Math.abs(rowSum - raw) < 1, money(raw)); const ref = d3.rollup(S.rows, v => d3.sum(v, d => d.amount), d => d.donor + "|" + d.recipient); add("Cada cinta coincide con la suma independiente de los datos", S.chords.every(c => Math.abs(c.value - ref.get(c.key)) < 1)); add("Una sola cinta por donante→receptor", new Set(S.chords.map(c => c.key)).size === S.chords.length && S.chords.length === ref.size, S.chords.length + " cintas"); const both = S.chords.filter(c => ref.has(c.link.recipient + "|" + c.link.donor) && c.link.donor < c.link.recipient); add("Flujos opuestos A→B y B→A son cintas distintas", both.every(c => S.chords.filter(x => x.key === c.link.recipient + "|" + c.link.donor).length === 1), both.length + " pares bidireccionales"); add("Rojo en el donante y azul en el receptor, en todas las cintas", S.chords.every(c => { const g = S.defs.selectAll("linearGradient").filter(d => d.key === c.key).node(), st = g.querySelectorAll("stop"); const [x1, y1] = S.pt(S.mid(c.source), S.R - 2), sg = S.groups[c.source.index], tg = S.groups[c.target.index]; return st[0].getAttribute("stop-color") === S.RED && st[1].getAttribute("stop-color") === S.BLUE && Math.abs(+g.getAttribute("x1") - x1) < eps && Math.abs(+g.getAttribute("y1") - y1) < eps && S.mid(c.source) >= sg.startAngle - eps && S.mid(c.source) <= sg.endAngle + eps && S.mid(c.target) >= tg.startAngle - eps && S.mid(c.target) <= tg.endAngle + eps && S.nodes[c.source.index].name === c.link.donor && S.nodes[c.target.index].name === c.link.recipient; })); const perYear = d3.sum(chart.years, yr => d3.sum(chart.byYear.get(yr) || [], d => d.amount)); add("La suma de los totales anuales = total de los datos", Math.abs(perYear - d3.sum(data, d => d.amount)) < 1, money(perYear)); add("Todos los países tienen continente", S.nodes.every(n => n.continent !== "Sin clasificar")); const ci = S.nodes.map(n => S.CONT_ORDER.indexOf(n.continent)); add("Países agrupados consecutivamente por continente", ci.every((v, i) => i === 0 || v >= ci[i - 1])); return html`

Validaciones automáticas

${ok ? "✔" : "✘"} ${t}${d ? " — " + d : ""}

`; }2a:[{"id":"09040dddbda03374a466600047ccbc70c46e6853884eb725db2141c566ca1b78fb7cc935096e8d5468c21e8df215e73fc49cdaaf7e2f1f89139793da25be02b2","href":"https://static.observableusercontent.com/files/09040dddbda03374a466600047ccbc70c46e6853884eb725db2141c566ca1b78fb7cc935096e8d5468c21e8df215e73fc49cdaaf7e2f1f89139793da25be02b2","name":"aiddata-countries-only - aiddata-countries-only.csv","type":"text/csv","lastModified":1791834350457,"size":8760387}] 26:{"id":"5dd48227b2cd7e24","slug":"untitled/3","title":"Visualización 1","thumbnail":"6d40712680ebb5eedb575756f1d1c2d224b080b5cde0f77b275acbd000f4ec24","access_level":"public","create_time":"$D2026-10-12T21:16:35.706Z","update_time":"$D2026-10-13T17:34:31.737Z","view_time":null,"first_public_time":"$D2026-10-12T21:58:11.845Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"67fb70fa4003f225","login":"gady-magdiel-enciso-gomez","name":"Gady Magdiel Enciso Gomez","avatar_url":"https://avatars-next.observableusercontent.com/deaff993531a095642c6dc44e52698b0e408721e595aa5e4791e03508ff40845","tier":"starter_2024","bio":""},"version":62,"publish_version":62,"role":null,"authored":false,"authors":[{"type":"individual","id":"224e1cd714bd00a7","login":"magdy","name":"Gady Magdiel Enciso Gomez","avatar_url":"https://avatars-next.observableusercontent.com/deaff993531a095642c6dc44e52698b0e408721e595aa5e4791e03508ff40845","tier":null,"bio":""}],"members":[{"type":"team","id":"67fb70fa4003f225","login":"gady-magdiel-enciso-gomez","name":"Gady Magdiel Enciso Gomez","avatar_url":"https://avatars-next.observableusercontent.com/deaff993531a095642c6dc44e52698b0e408721e595aa5e4791e03508ff40845","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Visualización 1","cells":[{"id":1,"value":"# Visualización 1\n\n**Visualization 1:**\n\na) How does the amount donated versus the amount received change over time for each country?\n\nb) Are there countries that mainly send or mainly receive, and others that have a similar balance between what they donate and what they receive?\n\nc) Are there countries that change their role over time? For instance, countries that used to be mainly donors and later become mainly recipients, or vice versa.\n\nd) Are there countries where a sudden increase (\"peak\") or a sudden drop (\"valley\") can be observed?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"rawRows = FileAttachment(\"aiddata-countries-only - aiddata-countries-only.csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"CONTINENTS = ({\n \"África\": [\"South Africa\"],\n \"Asia\": [\"India\",\"Japan\",\"Korea\",\"Kuwait\",\"Qatar\",\"Saudi Arabia\",\"Taiwan\",\"Thailand\",\"United Arab Emirates\"],\n \"Europa\": [\"Germany\",\"Austria\",\"Belgium\",\"Cyprus\",\"Denmark\",\"Slovak Republic\",\"Slovenia\",\"Spain\",\"Estonia\",\"Finland\",\"France\",\"Greece\",\"Hungary\",\"Ireland\",\"Iceland\",\"Italy\",\"Latvia\",\"Liechtenstein\",\"Lithuania\",\"Luxembourg\",\"Monaco\",\"Norway\",\"Netherlands\",\"Poland\",\"Portugal\",\"United Kingdom\",\"Czech Republic\",\"Romania\",\"Sweden\",\"Switzerland\"],\n \"América Latina\": [\"Brazil\",\"Chile\",\"Colombia\"],\n \"América del Norte\": [\"Canada\",\"United States\"],\n \"Oceanía\": [\"Australia\",\"New Zealand\"]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"continentOf = new Map(Object.entries(CONTINENTS).flatMap(([c, l]) => l.map(p => [p, c])))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"data = rawRows\n .map(d => ({\n aiddata_id: +d.aiddata_id,\n year: +d.year,\n donor: d.donor.trim(),\n recipient: d.recipient.trim(),\n amount: +d.commitment_amount_usd_constant,\n purpose_name: d.coalesced_purpose_name,\n donor_continent: continentOf.get(d.donor.trim()),\n recipient_continent: continentOf.get(d.recipient.trim())\n }))\n .filter(d => d.amount > 0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"aggregate = rows => Array.from(\n d3.rollup(rows,\n v => ({value: d3.sum(v, d => d.amount), y0: d3.min(v, d => d.year), y1: d3.max(v, d => d.year), n: v.length}),\n d => d.donor, d => d.recipient),\n ([donor, m]) => Array.from(m, ([recipient, o]) => ({donor, recipient, key: donor + \"|\" + recipient, ...o}))\n).flat()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"buildNodes = links => {\n const tot = new Map();\n links.forEach(l => {\n tot.set(l.donor, (tot.get(l.donor) || 0) + l.value);\n tot.set(l.recipient, (tot.get(l.recipient) || 0) + l.value);\n });\n const order = Object.keys(CONTINENTS);\n return [...tot.keys()]\n .map(name => ({name, continent: continentOf.get(name) || \"Sin clasificar\", total: tot.get(name)}))\n .sort((a, b) => order.indexOf(a.continent) - order.indexOf(b.continent) || b.total - a.total)\n .map((n, i) => ({...n, index: i}));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"buildMatrix = (links, nodes) => {\n const idx = new Map(nodes.map(n => [n.name, n.index]));\n const m = Array.from({length: nodes.length}, () => new Array(nodes.length).fill(0));\n links.forEach(l => { m[idx.get(l.donor)][idx.get(l.recipient)] += l.value; });\n return m;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"money = v => d3.format(\"$,.3~s\")(v).replace(\"G\", \"B\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"viewof threshold = Inputs.select(\n new Map([[\"Mostrar todos\", 0], [\"Ocultar < $10 M\", 1e7], [\"Ocultar < $100 M\", 1e8], [\"Ocultar < $1 B\", 1e9]]),\n {label: \"Flujos pequeños\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"legend = html`

DonanteReceptor →

Cada cinta es una transferencia agregada donante→receptor: rojo en el donante, azul (con flecha) en el receptor.\n Grosor = monto. Segmento = donado + recibido (no cuenta países). Cada continente es un bloque de banda gris pegado a sus países (tonos alternos, sin color por continente); pasa el cursor sobre la banda para ver sus totales.

Línea temporal: arrastra sobre las barras para elegir un rango y pulsa «Reproducir». En cada periodo el círculo se normaliza al 100 %:\n segmentos y cintas se comparan dentro del mismo año (o periodo), no entre años. El total del periodo aparece junto a los controles.

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"$28","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"applyThreshold = chart.setThreshold(threshold)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"$29","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2a","stdlib":"2"}} 27:"$26:body"