45:["$","title",null,{"children":"Untitled | Jeffry Arturo Hilario Quintana | Observable"}] 4d:T504,setup = { // En lugar de require, usamos import() de ES Modules const topojson = await import("https://cdn.jsdelivr.net/npm/topojson-client@3/+esm"); const world = await d3.json("https://cdn.jsdelivr.net/npm/world-atlas@2/countries-110m.json"); const countries = topojson.feature(world, world.objects.countries); const alias = { "United States": "United States of America", "Great Britain": "United Kingdom", "Czech Republic": "Czechia", "Ivory Coast": "Côte d'Ivoire", "Bosnia and Herzegovina": "Bosnia and Herz.", "Dominican Republic": "Dominican Rep.", "Democratic Republic of the Congo": "Dem. Rep. Congo", "Republic of Congo": "Congo", "Central African Republic": "Central African Rep.", "Equatorial Guinea": "Eq. Guinea", "South Sudan": "S. Sudan", "Solomon Islands": "Solomon Is.", "Macedonia": "North Macedonia", "Swaziland": "eSwatini", "Cape Verde": "Cabo Verde" }; const cleanTeam = t => String(t).replace(/-\d+$/, ""); const counts = d3.rollup(raw, v => d3.rollup(v, g => g.length, d => cleanTeam(d.Team)), d => d.NOC); const nocName = new Map(Array.from(counts, ([noc, m]) => [noc, d3.greatest(m, ([, n]) => n)[0]])); return { topojson, world, countries, alias, cleanTeam, nocName }; }4e:T129f,dashboard = { // Extraer variables preparadas en la celda setup const { countries, alias, nocName } = setup; // Listas para los selectores y filtros const nocs = ["Todos", ...Array.from(new Set(raw.map(d => d.NOC))).sort()]; const games = ["Todos", ...Array.from(new Set(raw.map(d => d.Games))).sort()]; const cities = ["Todos", ...Array.from(new Set(raw.map(d => d.City))).sort()]; const years = Array.from(new Set(raw.map(d => d.Year))).sort(); const seasons = Array.from(new Set(raw.map(d => d.Season))).sort(); // ---- Controles ---- const modeI = Inputs.radio(["Equipo", "Persona"], {label: "Ver por", value: "Equipo"}); const sexI = Inputs.checkbox(["M", "F"], {label: "Sexo", value: ["M", "F"], format: d => d === "M" ? "Masculino" : "Femenino"}); const nocI = Inputs.select(nocs, {label: "NOC"}); const gamesI = Inputs.select(games, {label: "Games"}); const cityI = Inputs.select(cities, {label: "City"}); const yearI = Inputs.checkbox(years, {label: "Año", value: years}); const seasonI = Inputs.checkbox(seasons, {label: "Season", value: seasons}); const leftDiv = html`

`; const mapDiv = html`

`; const root = html`

Medallas (Top 15)

${modeI}${leftDiv}

Mapa mundial: medallas por equipo

${mapDiv}

Filtros

${sexI}${nocI}${gamesI}${cityI}

${yearI}${seasonI}

`; const medalScale = {domain: ["Gold", "Silver", "Bronze"], range: ["#D4AF37", "#A8A9AD", "#CD7F32"]}; function update() { // 1) Filtrar los datos reactivamente según la selección de los controles const f = raw.filter(d => sexI.value.includes(d.Sex) && (nocI.value === "Todos" || d.NOC === nocI.value) && (gamesI.value === "Todos" || d.Games === gamesI.value) && (cityI.value === "Todos" || d.City === cityI.value) && yearI.value.includes(d.Year) && seasonI.value.includes(d.Season)); const med = f.filter(d => d.Medal !== "None" && d.Medal != null); // 2) Medallas por equipo: deduplicar (1 evento = 1 medalla por país) const teamMedals = Array.from( new Map(med.map(d => [`${d.NOC}|${d.Event}|${d.Medal}`, d])).values()); // 3) Datos del gráfico de barras a la izquierda const mode = modeI.value; const source = mode === "Equipo" ? teamMedals : med; const label = d => mode === "Equipo" ? (nocName.get(d.NOC) || d.NOC) : d.Name; const rows = Array.from( d3.rollup(source, v => v.length, label, d => d.Medal), ([name, m]) => Array.from(m, ([Medal, n]) => ({name, Medal, n})) ).flat(); const top = d3.sort( d3.rollups(rows, v => d3.sum(v, d => d.n), d => d.name), ([, a], [, b]) => d3.descending(a, b) ).slice(0, 15).map(([name]) => name); leftDiv.replaceChildren(Plot.plot({ width: 380, height: 420, marginLeft: 130, x: {label: "Medallas", grid: true}, y: {label: null, domain: top}, color: {...medalScale, legend: true}, marks: [ Plot.barX(rows.filter(d => top.includes(d.name)), {x: "n", y: "name", fill: "Medal", tip: true}), Plot.ruleX([0]) ] })); // 4) Mapa coroplético const byNoc = d3.rollup(teamMedals, v => v.length, d => d.NOC); const byMapName = new Map(); for (const [noc, n] of byNoc) { const nm = nocName.get(noc) || noc; byMapName.set(alias[nm] ?? nm, n); } mapDiv.replaceChildren(Plot.plot({ width: 620, height: 380, projection: "equal-earth", color: {type: "sqrt", scheme: "YlOrRd", legend: true, unknown: "#eee"}, marks: [ Plot.sphere({fill: "#f4f9ff"}), Plot.geo(countries, { fill: d => byMapName.get(d.properties.name), stroke: "#999", strokeWidth: 0.4, title: d => { const count = byMapName.get(d.properties.name) || 0; return `${d.properties.name}\n${count} medallas`; }, tip: true }) ] })); } // Escuchar cambios en los inputs para redibujar for (const i of [modeI, sexI, nocI, gamesI, cityI, yearI, seasonI]) { i.addEventListener("input", update); } update(); return root; }4f:[{"id":"0ca300c2880aca628a11e21a1b9c42214ee01c19b8113365a060f03442a70ef15cf14cadaaa1ddc0459c42b207426524a230df6eddf72a9b56f91c91ac413ac6","href":"https://static.observableusercontent.com/files/0ca300c2880aca628a11e21a1b9c42214ee01c19b8113365a060f03442a70ef15cf14cadaaa1ddc0459c42b207426524a230df6eddf72a9b56f91c91ac413ac6","name":"olympics_2014_2016.csv","type":"text/csv","lastModified":1793717849692,"size":2644322}] 49:{"id":"bb2d399d14d0748d","slug":"untitled","title":"","thumbnail":"f4e5c2fe2c349d16574400490d584e53956b88daa87a0df9ee17abd9d0ad6834","access_level":"public","create_time":"$D2026-11-03T14:58:56.759Z","update_time":"$D2026-11-04T16:21:04.219Z","view_time":null,"first_public_time":"$D2026-11-04T14:23:53.877Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"09e60fe201e998c2","login":"jeffry-arturo-hilario-quintana","name":"Jeffry Arturo Hilario Quintana","avatar_url":"https://avatars-next.observableusercontent.com/78c0e0bf2c11dda88f60c623ee6945ad92fa87d512797e4c815adb070d6fa20c","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":31,"publish_version":31,"role":null,"authored":false,"authors":[{"type":"individual","id":"556bede6fab89e32","login":"jeffry-arturo-hilario-quintana","name":"Jeffry Arturo Hilario Quintana","avatar_url":"https://avatars-next.observableusercontent.com/78c0e0bf2c11dda88f60c623ee6945ad92fa87d512797e4c815adb070d6fa20c","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"team","id":"09e60fe201e998c2","login":"jeffry-arturo-hilario-quintana","name":"Jeffry Arturo Hilario Quintana","avatar_url":"https://avatars-next.observableusercontent.com/78c0e0bf2c11dda88f60c623ee6945ad92fa87d512797e4c815adb070d6fa20c","tier":"starter_2024","role":"editor"}],"comments":[{"id":"e12b65d203c36077","reply_to_id":null,"content":"más o menos","create_time":"$D2026-11-04T15:40:14.162Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"19a06346fb83f4ac","login":"germain-garcia-zanabria","name":"Germain Garcia Zanabria","avatar_url":"https://avatars-next.observableusercontent.com/4bfd83cda24c1a9cfee33cb6d13fc6c9e716a69cd26a5d3568688dc68d3b6d6f","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"$undefined","cells":[{"id":2,"value":"raw = FileAttachment(\"olympics_2014_2016.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"$4d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"$4e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4f","stdlib":"2"}} 44:null