45:["$","title",null,{"children":"JUEGOS OLIMPICOS | Oscar Alonso Gomez Marin | Observable"}] 4d:T409a,// ============================================================ // Reemplaza SOLO la celda `chart` anterior por esta. // Usa las celdas que ya tienes: data, medalOrder, sportColor y opacity. // (medals, top10, sportTotals, stackData ya no son necesarias para este gráfico, // porque ahora el ranking y los máximos se recalculan según el rango y los // deportes seleccionados.) // ============================================================ chart = { // ---------- 1. Datos: una medalla por (país, juegos, evento, medalla) ---------- const medalSet = new Set(medalOrder); const seen = new Map(); for (const d of data) { if (!medalSet.has(d.Medal)) continue; const k = `${d.NOC}|${d.Games}|${d.Event}|${d.Medal}`; if (!seen.has(k)) seen.set(k, d); } const rows = Array.from(seen.values(), d => ({ noc: d.NOC, medal: d.Medal, season: d.Season, sport: d.Sport, sportKey: `${d.Season}|${d.Sport}`, games: d.Games, year: +d.Year })); // Juegos ordenados cronológicamente (en un mismo año, verano antes que invierno) const gamesList = Array.from(d3.group(rows, d => d.games), ([g, v]) => ({games: g, year: v[0].year, season: v[0].season})) .sort((a, b) => d3.ascending(a.year, b.year) || d3.ascending(a.season, b.season)); const n = gamesList.length; if (!n) return document.createTextNode("No hay medallas en los datos."); const gIndex = new Map(gamesList.map((g, i) => [g.games, i])); rows.forEach(r => r.gi = gIndex.get(r.games)); const allSports = Array.from(new Set(rows.map(d => d.sportKey))).sort(); const seasonName = {Summer: "Verano", Winter: "Invierno"}; const seasonColor = {Summer: "#f77f00", Winter: "#4361ee"}; const medalColors = {Gold: "#d4af37", Silver: "#9aa0a6", Bronze: "#cd7f32"}; const medalLabel = {Gold: "O", Silver: "P", Bronze: "B"}; // ---------- 2. Estado ---------- const state = {i0: 0, i1: n - 1, hidden: new Set(), cumulative: false}; // ---------- 3. Estructura HTML ---------- const root = d3.create("div").style("font", "12px sans-serif"); const controls = root.append("div") .style("display", "flex").style("gap", "12px").style("align-items", "center") .style("margin-bottom", "8px").style("flex-wrap", "wrap"); const playBtn = controls.append("button").text("▶ Play").style("padding", "4px 12px"); controls.append("label").style("cursor", "pointer") .html(` Acumular juegos al reproducir`) .select("input").on("change", e => { state.cumulative = e.target.checked; }); const allBtn = controls.append("button").text("Todo el periodo").style("padding", "4px 12px"); const info = controls.append("span").style("font-weight", "bold"); const mainRow = root.append("div").style("display", "flex").style("gap", "12px").style("align-items", "stretch"); // ---------- 4. Gráfico principal ---------- const W = 820, H = 520, m = {top: 30, right: 15, bottom: 50, left: 50}; const svg = mainRow.append("div").style("flex", "1").style("min-width", "0") .append("svg").attr("viewBox", [0, 0, W, H]).style("width", "100%").style("height", "auto"); const x0 = d3.scaleBand().range([m.left, W - m.right]).paddingInner(0.2); const x1 = d3.scaleBand().domain(medalOrder).padding(0.08); const y = d3.scaleLinear().range([H - m.bottom, m.top]); const gx = svg.append("g").attr("transform", `translate(0,${H - m.bottom})`); const gy = svg.append("g").attr("transform", `translate(${m.left},0)`); svg.append("text").attr("x", 4).attr("y", m.top - 14).attr("fill", "currentColor").text("↑ Medallas"); const gBars = svg.append("g"); const gTotals = svg.append("g").attr("text-anchor", "middle").style("font-size", "10px"); const gMedalLbl = svg.append("g"); const emptyMsg = svg.append("text").attr("x", W / 2).attr("y", H / 2).attr("text-anchor", "middle") .attr("fill", "#888").style("font-size", "16px"); // ---------- 5. Leyenda con scroll ---------- const legend = mainRow.append("div") .style("width", "250px").style("flex", "none").style("height", "520px") .style("display", "flex").style("flex-direction", "column") .style("border", "1px solid #8884").style("border-radius", "6px").style("padding", "8px") .style("box-sizing", "border-box"); legend.append("div").style("font-weight", "bold").text("Deportes (clic para ocultar/mostrar)"); legend.append("div").style("margin", "6px 0") .html(`

Opacidad = dominancia en ese deporte y posición

0%100%

`); const legBtns = legend.append("div").style("display", "flex").style("gap", "6px").style("margin-bottom", "6px"); legBtns.append("button").text("Mostrar todos").on("click", () => { state.hidden.clear(); update(); }); legBtns.append("button").text("Ocultar todos").on("click", () => { allSports.forEach(k => state.hidden.add(k)); update(); }); const list = legend.append("div").style("overflow-y", "auto").style("flex", "1").style("min-height", "0"); const legendRows = new Map(); for (const season of ["Summer", "Winter"]) { const keys = allSports.filter(k => k.startsWith(season + "|")); if (!keys.length) continue; list.append("div") .style("font-weight", "bold").style("margin", "8px 0 4px").style("cursor", "pointer") .style("color", seasonColor[season]) .text(`${seasonName[season]} (clic: alternar todos)`) .on("click", () => { const anyVisible = keys.some(k => !state.hidden.has(k)); keys.forEach(k => anyVisible ? state.hidden.add(k) : state.hidden.delete(k)); update(); }); for (const k of keys) { const row = list.append("div") .style("display", "flex").style("align-items", "center").style("gap", "6px") .style("padding", "2px 0").style("cursor", "pointer") .on("click", () => { state.hidden.has(k) ? state.hidden.delete(k) : state.hidden.add(k); update(); }); const sw = row.append("span").style("width", "12px").style("height", "12px").style("flex", "none") .style("border", `2px solid ${sportColor.get(k) ?? "#999"}`).style("box-sizing", "border-box"); const lb = row.append("span").style("flex", "1").text(k.split("|")[1]); const ct = row.append("span").style("color", "#888"); legendRows.set(k, {row, sw, lb, ct}); } } // ---------- 6. Serie temporal con brush ---------- const TW = 1100, TH = 170, tm = {top: 22, right: 20, bottom: 28, left: 50}; const tsvg = root.append("svg").attr("viewBox", [0, 0, TW, TH]) .style("width", "100%").style("height", "auto").style("margin-top", "10px"); const tx = d3.scalePoint().domain(d3.range(n)).range([tm.left, TW - tm.right]).padding(0.5); const step = tx.step(); const ty = d3.scaleLinear().range([TH - tm.bottom, tm.top]); const tickIdx = d3.range(0, n, Math.max(1, Math.ceil(n / 20))); tsvg.append("g").attr("transform", `translate(0,${TH - tm.bottom})`) .call(d3.axisBottom(tx).tickValues(tickIdx).tickFormat(i => gamesList[i].year).tickSizeOuter(0)); const gty = tsvg.append("g").attr("transform", `translate(${tm.left},0)`); tsvg.append("text").attr("x", 4).attr("y", tm.top - 8).attr("fill", "currentColor") .text("Medallas por juego (deportes visibles)"); [["Summer", 0], ["Winter", 70]].forEach(([s, dx]) => { tsvg.append("circle").attr("cx", TW - 160 + dx).attr("cy", tm.top - 12).attr("r", 4).attr("fill", seasonColor[s]); tsvg.append("text").attr("x", TW - 152 + dx).attr("y", tm.top - 8).attr("fill", "currentColor").text(seasonName[s]); }); const lines = {}; for (const s of ["Summer", "Winter"]) { lines[s] = tsvg.append("path").attr("fill", "none").attr("stroke", seasonColor[s]).attr("stroke-width", 1.5); } const gPts = tsvg.append("g"); const gBrush = tsvg.append("g"); const brush = d3.brushX() .extent([[tm.left, tm.top], [TW - tm.right, TH - tm.bottom]]) .on("brush", ({selection, sourceEvent}) => { if (!sourceEvent || !selection) return; const [lo, hi] = toRange(selection); updateInfo(lo, hi); }) .on("end", ({selection, sourceEvent}) => { if (!sourceEvent) return; // ignora movimientos programáticos stopPlay(); const [lo, hi] = selection ? toRange(selection) : [0, n - 1]; setRange(lo, hi); // ajusta el brush al juego más cercano }); gBrush.call(brush); gBrush.select(".selection").attr("fill", "#888").attr("fill-opacity", 0.2).attr("stroke", "#888"); function toRange([a, b]) { const c = i => Math.max(0, Math.min(n - 1, Math.round((i - tx(0)) / step))); return [c(a), c(b)]; } // ---------- 7. Render ---------- function updateInfo(lo = state.i0, hi = state.i1) { info.text(lo === hi ? gamesList[lo].games : `${gamesList[lo].games} → ${gamesList[hi].games}`); } function renderMain(animate) { const D = animate ? 900 : 0, E = d3.easeCubicInOut; const rangeRows = rows.filter(d => d.gi >= state.i0 && d.gi <= state.i1); // Máximo posible por deporte y posición dentro del rango seleccionado const totals = d3.rollup(rangeRows, v => v.length, d => d.sportKey, d => d.medal); const vis = rangeRows.filter(d => !state.hidden.has(d.sportKey)); // Top 10: oro desc, plata desc, bronce desc, alfabético const ranking = Array.from(d3.rollup(vis, v => v.length, d => d.noc, d => d.medal), ([noc, mm]) => ({noc, gold: mm.get("Gold") ?? 0, silver: mm.get("Silver") ?? 0, bronze: mm.get("Bronze") ?? 0})) .sort((a, b) => d3.descending(a.gold, b.gold) || d3.descending(a.silver, b.silver) || d3.descending(a.bronze, b.bronze) || d3.ascending(a.noc, b.noc)) .slice(0, 10); const ids = new Set(ranking.map(d => d.noc)); const counts = d3.rollup(vis.filter(d => ids.has(d.noc)), v => v.length, d => d.noc, d => d.medal, d => d.sportKey); const stack = [], barTotals = []; for (const {noc} of ranking) { for (const medal of medalOrder) { let y0 = 0; const bySport = counts.get(noc)?.get(medal) ?? new Map(); for (const key of allSports) { const c = bySport.get(key); if (!c) continue; const max = totals.get(key).get(medal); stack.push({key: `${noc}|${medal}|${key}`, noc, medal, sportKey: key, sport: key.split("|")[1], season: key.split("|")[0], n: c, max, share: c / max, y0, y1: y0 + c}); y0 += c; } if (y0 > 0) barTotals.push({key: `${noc}|${medal}`, noc, medal, total: y0}); } } x0.domain(ranking.map(d => d.noc)); x1.range([0, x0.bandwidth()]); y.domain([0, Math.max(1, d3.max(barTotals, d => d.total) ?? 1)]).nice(); gx.transition().duration(D).ease(E).call(d3.axisBottom(x0).tickSizeOuter(0)); gx.selectAll("text").style("font-size", "12px").style("font-weight", "bold"); gy.transition().duration(D).ease(E).call(d3.axisLeft(y).ticks(8).tickSize(-(W - m.left - m.right))); gy.select(".domain").remove(); gy.selectAll(".tick line").attr("stroke-opacity", 0.1); gBars.selectAll("rect").data(stack, d => d.key) .join( enter => enter.append("rect") .attr("x", d => x0(d.noc) + x1(d.medal)).attr("width", x1.bandwidth()) .attr("y", y(0)).attr("height", 0) .attr("stroke", "white").attr("stroke-width", 0.5) .call(e => e.append("title")), update => update, exit => exit.transition().duration(D).ease(E).attr("y", y(0)).attr("height", 0).remove() ) .attr("fill", d => sportColor.get(d.sportKey)) .call(s => s.select("title").text(d => `${d.noc} · ${d.medal}\n${d.sport} (${seasonName[d.season].toLowerCase()})\n` + `${d.n} de ${d.max} medallas (${d3.format(".1%")(d.share)})`)) .transition().duration(D).ease(E) .attr("x", d => x0(d.noc) + x1(d.medal)).attr("width", x1.bandwidth()) .attr("y", d => y(d.y1)).attr("height", d => y(d.y0) - y(d.y1)) .attr("fill-opacity", d => opacity(d.share)); gTotals.selectAll("text").data(barTotals, d => d.key) .join( enter => enter.append("text").attr("fill", "currentColor") .attr("x", d => x0(d.noc) + x1(d.medal) + x1.bandwidth() / 2).attr("y", y(0)), update => update, exit => exit.transition().duration(D).ease(E).attr("y", y(0)).remove() ) .text(d => d.total) .transition().duration(D).ease(E) .attr("x", d => x0(d.noc) + x1(d.medal) + x1.bandwidth() / 2) .attr("y", d => y(d.total) - 4); gMedalLbl.selectAll("text") .data(ranking.flatMap(c => medalOrder.map(mm => ({key: `${c.noc}|${mm}`, noc: c.noc, medal: mm}))), d => d.key) .join( enter => enter.append("text").attr("text-anchor", "middle").style("font-weight", "bold") .attr("fill", d => medalColors[d.medal]).attr("y", H - m.bottom + 28) .attr("x", d => x0(d.noc) + x1(d.medal) + x1.bandwidth() / 2).text(d => medalLabel[d.medal]), update => update, exit => exit.remove() ) .transition().duration(D).ease(E) .attr("x", d => x0(d.noc) + x1(d.medal) + x1.bandwidth() / 2); emptyMsg.text(vis.length ? "" : "Sin medallas con la selección actual"); // Conteo de la leyenda (medallas por deporte en el rango, independiente de ocultos) const rangeCount = d3.rollup(rangeRows, v => v.length, d => d.sportKey); for (const [k, r] of legendRows) r.ct.text(rangeCount.get(k) ?? 0); } function renderTimeline(animate) { const D = animate ? 900 : 0, E = d3.easeCubicInOut; const perGame = d3.rollup(rows.filter(d => !state.hidden.has(d.sportKey)), v => v.length, d => d.gi); const pts = gamesList.map((g, i) => ({...g, i, n: perGame.get(i) ?? 0})); ty.domain([0, d3.max(pts, d => d.n) || 1]).nice(); gty.transition().duration(D).ease(E).call(d3.axisLeft(ty).ticks(4)); gty.select(".domain").remove(); const line = d3.line().x(d => tx(d.i)).y(d => ty(d.n)); for (const s of ["Summer", "Winter"]) { lines[s].datum(pts.filter(d => d.season === s)).transition().duration(D).ease(E).attr("d", line); } gPts.selectAll("circle").data(pts, d => d.i) .join( enter => enter.append("circle").attr("r", 4).attr("cx", d => tx(d.i)).attr("cy", ty(0)) .attr("fill", d => seasonColor[d.season]).style("cursor", "pointer") .on("click", (e, d) => { stopPlay(); setRange(d.i, d.i); }) .call(c => c.append("title")) ) .attr("fill-opacity", d => d.i >= state.i0 && d.i <= state.i1 ? 1 : 0.35) .call(s => s.select("title").text(d => `${d.games}: ${d.n} medallas (clic para seleccionar)`)) .transition().duration(D).ease(E).attr("cy", d => ty(d.n)); } function refreshLegend() { for (const [k, r] of legendRows) { const off = state.hidden.has(k); r.row.style("opacity", off ? 0.45 : 1); r.sw.style("background", off ? "transparent" : (sportColor.get(k) ?? "#999")); r.lb.style("text-decoration", off ? "line-through" : "none"); } } function update(animate = true) { renderMain(animate); renderTimeline(animate); refreshLegend(); updateInfo(); } function setRange(lo, hi, animate = true) { state.i0 = lo; state.i1 = hi; gBrush.call(brush.move, [tx(lo) - step / 2, tx(hi) + step / 2]); update(animate); } // ---------- 8. Play ---------- let timer = null, cur = -1; function stopPlay() { if (timer) { clearInterval(timer); timer = null; } playBtn.text("▶ Play"); } function tick() { cur++; if (cur >= n) { stopPlay(); return; } setRange(state.cumulative ? 0 : cur, cur); } function startPlay() { cur = (state.i0 === state.i1 && state.i1 < n - 1) ? state.i1 : -1; playBtn.text("⏸ Pausa"); tick(); if (timer === null && cur < n) timer = setInterval(tick, 1500); } playBtn.on("click", () => timer ? stopPlay() : startPlay()); allBtn.on("click", () => { stopPlay(); setRange(0, n - 1); }); if (typeof invalidation !== "undefined") invalidation.then(stopPlay); // ---------- 9. Arranque ---------- gBrush.call(brush.move, [tx(0) - step / 2, tx(n - 1) + step / 2]); update(false); return root.node(); }4e:[{"id":"0ca300c2880aca628a11e21a1b9c42214ee01c19b8113365a060f03442a70ef15cf14cadaaa1ddc0459c42b207426524a230df6eddf72a9b56f91c91ac413ac6","href":"https://static.observableusercontent.com/files/0ca300c2880aca628a11e21a1b9c42214ee01c19b8113365a060f03442a70ef15cf14cadaaa1ddc0459c42b207426524a230df6eddf72a9b56f91c91ac413ac6","name":"olympics_2014_2016.csv","type":"text/csv","lastModified":1793718251505,"size":2644322}] 49:{"id":"17424dd7ac53e669","slug":"juegos-olimpicos","title":"JUEGOS OLIMPICOS","thumbnail":"807eee8db80be4b672f03fb2a1ffb411653e9baa22e7cf0f556ac440ae9c1bbc","access_level":"public","create_time":"$D2026-11-03T15:05:18.553Z","update_time":"$D2026-11-03T15:52:23.322Z","view_time":null,"first_public_time":"$D2026-11-03T15:52:28.292Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"97677b6a06d5bdc1","login":"oscar-alonso-gomez-marin","name":"Oscar Alonso Gomez Marin","avatar_url":"https://avatars-next.observableusercontent.com/76dadfabe95e891b6d5623f05eb87a09f922d39bea4e03e78c279c0752167b1e","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":66,"publish_version":66,"role":null,"authored":false,"authors":[{"type":"individual","id":"fcd299b40c9ab6a9","login":"osgom","name":"Oscar Alonso Gomez Marin","avatar_url":"https://avatars-next.observableusercontent.com/76dadfabe95e891b6d5623f05eb87a09f922d39bea4e03e78c279c0752167b1e","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"team","id":"97677b6a06d5bdc1","login":"oscar-alonso-gomez-marin","name":"Oscar Alonso Gomez Marin","avatar_url":"https://avatars-next.observableusercontent.com/76dadfabe95e891b6d5623f05eb87a09f922d39bea4e03e78c279c0752167b1e","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":"JUEGOS OLIMPICOS","cells":[{"id":1,"value":"# JUEGOS OLIMPICOS\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"data = FileAttachment(\"olympics_2014_2016.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"## Tarea 1: Top Paises\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"medals = {\n const medalTypes = new Set([\"Gold\", \"Silver\", \"Bronze\"]);\n const seen = new Map();\n for (const d of data) {\n if (!medalTypes.has(d.Medal)) continue;\n const key = [d.NOC, d.Games, d.Event, d.Medal].join(\"|\");\n if (!seen.has(key)) seen.set(key, d);\n }\n return Array.from(seen.values()).map(d => ({\n noc: d.NOC,\n team: d.Team,\n medal: d.Medal,\n season: d.Season,\n sport: d.Sport,\n sportKey: `${d.Season}|${d.Sport}`\n }));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"// --- celda: medalOrder ---\nmedalOrder = [\"Gold\", \"Silver\", \"Bronze\"]\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"\n// --- celda: top10 ---\n// Orden: oro desc, luego plata desc, luego bronce desc, luego alfabético.\ntop10 = {\n const counts = d3.rollup(medals, v => v.length, d => d.noc, d => d.medal);\n const rows = Array.from(counts, ([noc, m]) => ({\n noc,\n gold: m.get(\"Gold\") ?? 0,\n silver: m.get(\"Silver\") ?? 0,\n bronze: m.get(\"Bronze\") ?? 0\n }));\n rows.sort((a, b) =>\n d3.descending(a.gold, b.gold) ||\n d3.descending(a.silver, b.silver) ||\n d3.descending(a.bronze, b.bronze) ||\n d3.ascending(a.noc, b.noc)\n );\n return rows.slice(0, 10);\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"\n// --- celda: sportTotals ---\n// Máximo de medallas que se podían obtener por deporte y posición:\n// total de medallas de ese tipo entregadas en ese deporte (todos los países).\nsportTotals = d3.rollup(medals, v => v.length, d => d.sportKey, d => d.medal)\n\n\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"// --- celda: sportKeys ---\n// Primero verano, luego invierno; alfabético dentro de cada temporada.\nsportKeys = Array.from(new Set(medals.map(d => d.sportKey))).sort((a, b) => {\n const [sa, na] = a.split(\"|\"), [sb, nb] = b.split(\"|\");\n return d3.ascending(sa, sb) * -1 || d3.ascending(na, nb); // Summer antes que Winter\n})\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"\n// --- celda: sportColor ---\n// Tonos cálidos para verano y fríos para invierno (un tono por deporte).\nsportColor = {\n const warm = d3.interpolateRgbBasis([\"#ffb703\", \"#fb8500\", \"#e63946\", \"#9d0208\"]);\n const cold = d3.interpolateRgbBasis([\"#48cae4\", \"#3a86ff\", \"#5e60ce\", \"#2a9d8f\"]);\n const summer = sportKeys.filter(k => k.startsWith(\"Summer\"));\n const winter = sportKeys.filter(k => k.startsWith(\"Winter\"));\n const scale = (list, interp) => list.map((k, i) => [k, interp(list.length > 1 ? i / (list.length - 1) : 0.5)]);\n return new Map([...scale(summer, warm), ...scale(winter, cold)]);\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"\n// --- celda: opacity ---\n// Dominancia = medallas del país en ese deporte y posición / total de esa\n// posición en ese deporte. Se mapea a [0.2, 1] para que siempre sea visible.\nopacity = d3.scaleLinear().domain([0, 1]).range([0.4, 1]).clamp(true)\n\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"// --- celda: stackData ---\nstackData = {\n const ids = new Set(top10.map(d => d.noc));\n const counts = d3.rollup(\n medals.filter(d => ids.has(d.noc)),\n v => v.length,\n d => d.noc, d => d.medal, d => d.sportKey\n );\n const out = [];\n for (const {noc} of top10) {\n for (const medal of medalOrder) {\n let y0 = 0;\n const bySport = counts.get(noc)?.get(medal) ?? new Map();\n for (const key of sportKeys) {\n const n = bySport.get(key);\n if (!n) continue;\n const max = sportTotals.get(key).get(medal);\n out.push({\n noc, medal, sportKey: key,\n sport: key.split(\"|\")[1],\n season: key.split(\"|\")[0],\n n, max, share: n / max,\n y0, y1: y0 + n\n });\n y0 += n;\n }\n }\n }\n return out;\n}\n\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"$4d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4e","stdlib":"2"}} 44:null