43:["$","title",null,{"children":"¿Mueve el mercado un post de Trump? | Alejandro Pardo | Observable"}] 4b:T431,md`# ¿Mueve el mercado un post de Trump? ### Publicaciones de Truth Social frente al S&P 500, el dólar (DXY), el petróleo WTI y Bitcoin

Herramienta exploratoria para ubicar cuándo publicó Trump sobre cinco temas financieros y qué hicieron cuatro activos en el cierre siguiente al post. Muestra asociaciones temporales, no causalidad: con datos diarios, un cierre recoge todo lo que pasó en la sesión, no solo el post.

Cómo se usa (Shneiderman). ① Vista general: la línea de tiempo y el mapa de calor abren con todo el periodo. ② Zoom y filtro: filtra temas y activo arriba, arrastra el brush del panel de contexto o usa Shift + rueda sobre la gráfica; el mapa de calor se recalcula con el periodo elegido. Un clic en una celda del mapa resalta esos posts en la línea de tiempo y cambia el activo. ③ Detalle: pasa el cursor sobre un círculo para ver el post y el retorno; haz clic para fijarlo y leer el texto completo con la reacción de los cuatro activos.

`4c:T13d8,const estadoUI = (() => { const ext = modelo.extent; let s = { activo: "spx", cats: CATS.map(c => c.key), otros: false, periodo: ext.slice(), horizonte: "r1", ejeY: "precio", escala: "pct", foco: null, // {cat, activo}: celda del mapa de calor post: null // id del post seleccionado }; const root = html``; const opciones = { activo: ACTIVOS.map(a => [a.key, a.nombre]), horizonte: [["r1", "1 sesión"], ["r5", "5 sesiones"]], ejeY: [["precio", "Precio"], ["pct", "Variación %"]], escala: [["pct", "% de retorno"], ["sigma", "En σ del activo"]] }; for (const [k, ops] of Object.entries(opciones)) { const seg = root.querySelector(`.tv-seg[data-k="${k}"]`); for (const [v, txt] of ops) { const b = html``; b.onclick = () => set({[k]: v}); seg.append(b); } } const chips = root.querySelector(".tv-chips"); for (const c of [...CATS, OTROS]) { const b = html``; b.onclick = () => { if (c.key === "otros") return set({otros: !s.otros}); const on = s.cats.includes(c.key); set({cats: on ? s.cats.filter(k => k !== c.key) : [...s.cats, c.key]}); }; chips.append(b); } root.querySelector("[data-accion=todos]").onclick = () => set({cats: CATS.map(c => c.key)}); const fechas = root.querySelectorAll("input[type=date]"); const iso = d3.utcFormat("%Y-%m-%d"); for (const inp of fechas) { inp.min = iso(ext[0]); inp.max = iso(ext[1]); inp.onchange = () => { const d = d3.utcParse("%Y-%m-%d")(inp.value); if (!d) return; const p = s.periodo.slice(); p[+inp.dataset.f] = inp.dataset.f === "1" ? d3.utcDay.offset(d, 1) : d; set({periodo: p}); }; } root.querySelector("[data-preset=todo]").onclick = () => set({periodo: ext.slice()}); root.querySelector("[data-preset=mandato]").onclick = () => set({periodo: [new Date(Date.UTC(2025, 0, 20, 17)), ext[1]]}); // Reglas para que ninguna selección contradiga a los filtros function normalizar(n, patch) { n.cats = CATS.map(c => c.key).filter(k => n.cats.includes(k)); let [a, b] = n.periodo.map(Number).sort((x, y) => x - y); a = Math.max(a, +ext[0]); b = Math.min(b, +ext[1]); if (b - a < 7 * 864e5) { b = Math.min(+ext[1], a + 7 * 864e5); a = b - 7 * 864e5; } n.periodo = [new Date(a), new Date(b)]; if (n.foco) { if ("foco" in patch) { // clic en una celda: manda la celda n.activo = n.foco.activo; if (!n.cats.includes(n.foco.cat)) n.cats = CATS.map(c => c.key).filter(k => k === n.foco.cat || n.cats.includes(k)); } else { // cambió otro filtro: la celda lo sigue if (!n.cats.includes(n.foco.cat)) n.foco = null; else if (n.foco.activo !== n.activo) n.foco = {cat: n.foco.cat, activo: n.activo}; } } if (n.post) { const p = modelo.porId.get(n.post); const visible = p && (p.cat === "otros" ? n.otros : n.cats.includes(p.cat)); if (!visible) n.post = null; } return n; } function pintar() { root.querySelectorAll(".tv-seg").forEach(seg => seg.querySelectorAll("button") .forEach(b => b.classList.toggle("on", s[seg.dataset.k] === b.dataset.v))); root.querySelectorAll(".tv-chip").forEach(b => { const k = b.dataset.cat; b.classList.toggle("on", k === "otros" ? s.otros : s.cats.includes(k)); }); fechas[0].value = iso(s.periodo[0]); fechas[1].value = iso(d3.utcMillisecond.offset(s.periodo[1], -1)); } function set(patch) { s = normalizar({...s, ...patch}, patch); root.value = s; pintar(); root.dispatchEvent(new Event("input", {bubbles: true})); } root.value = s; root.set = set; root.get = () => s; pintar(); return root; })();4d:T694,const tablero = (() => { const ctx = { set: patch => estadoUI.set(patch), get: () => estadoUI.get(), tip: crearTooltip() }; const ancho = Math.max(640, width); const dosColumnas = ancho >= 980; const anchoMapa = Math.floor(dosColumnas ? (ancho - 16) * 0.47 - 34 : ancho - 34); const anchoDetalle = Math.floor(dosColumnas ? (ancho - 16) * 0.53 - 34 : ancho - 34); const linea = crearTimeline(modelo, {...ctx, width: ancho - 34}); const mapa = crearHeatmap(modelo, {...ctx, width: anchoMapa}); const detalle = crearDetalle(modelo, {...ctx, width: anchoDetalle}); const root = html`

① Línea de tiempo · precio diario y posts por tema

Arriba: cierre diario del activo. Abajo: una franja por tema; cada círculo es un post. Su posición vertical dentro de la franja no codifica nada.

${linea.leyenda}

${linea.node}

② Tema × activo · retorno tras los posts

Mediana del retorno entre el último cierre antes del post y el cierre siguiente (o el quinto). Un evento = un cierre ancla distinto por tema.

${mapa.node}

${detalle.node}

`; root.update = st => { linea.update(st); mapa.update(st); detalle.update(st); }; invalidation.then(() => ctx.tip.remove()); return root; })(); display(tablero);4e:Td4a,md`## Método **Datos.** ${resumen.posts_en_periodo.toLocaleString("es-CO")} posts del archivo de [stiles/trump-truth-social-archive](https://github.com/stiles/trump-truth-social-archive) entre el ${new Date(resumen.periodo[0]).toLocaleDateString("es-CO", {timeZone: "America/New_York"})} y el ${new Date(resumen.periodo[1]).toLocaleDateString("es-CO", {timeZone: "America/New_York"})}: el scraper del repositorio se apagó el 26-oct-2025 y los 60 posts sueltos de 2026 se excluyen para no dejar un hueco de cinco meses. Precios diarios de Yahoo Finance (la API que usa \`yfinance\`): \`^GSPC\`, \`DX-Y.NYB\`, \`CL=F\` y \`BTC-USD\`. **Hora de cada cierre.** Cada cierre se ubica en su hora real en UTC: S&P 500 a las 4:00 p. m. de Nueva York, DXY a las 5:00 p. m., WTI a las 2:30 p. m. (liquidación NYMEX) y Bitcoin a las 00:00 UTC (opera 24/7). Los posts traen hora UTC; se muestran en hora de Nueva York (ET) y de Bogotá. **Regla temporal.** Para cada post y cada activo, el **cierre ancla** es el último cierre ocurrido antes del post. El retorno a 1 sesión va del ancla al cierre siguiente; el de 5 sesiones, al quinto cierre del activo. Consecuencias: un post del sábado se mide del cierre del viernes al del lunes; uno publicado con el mercado abierto incluye lo que pasó en la mañana antes del post (límite del dato diario); uno publicado tras el cierre se mide sobre la sesión del día siguiente. Para Bitcoin, la sesión es el día UTC. **Varios posts el mismo día.** Comparten cierre ancla y, por tanto, retorno. En el mapa de calor un **evento** es un cierre ancla distinto por tema: veinte posts sobre aranceles antes del mismo cierre cuentan una vez. Cada celda muestra cuántos eventos tiene; con menos de 10 se raya. **Clasificación.** Palabras clave con pesos: un término fuerte (p. ej. *tariff*, *Powell*, *inflation*, *OPEC*, *Bitcoin*) suma 2 y uno débil (*trade*, *jobs*, *energy*, *China*) suma 1; un tema se asigna con 2 puntos. *China* solo suma a comercio si el post ya habla de comercio; *Fed* exige mayúscula (no *fed up*); *Colin Powell* y *Low Energy* no cuentan; los enlaces compartidos se leen por las palabras de su ruta. Las plantillas de respaldo electoral, que enumeran "economía, energía, inflación" para cualquier candidato, quedan en *Otros*. Si un post toca varios temas, la **categoría principal** es la de mayor puntaje (empates: cripto > Fed > petróleo > aranceles > economía) y las demás quedan como etiquetas secundarias. **Agregación.** Mediana de los retornos de los eventos (resiste valores extremos). La fila *Todas las sesiones* es la referencia: si una celda se parece a ella, el tema no se distingue de un día cualquiera. La opción *En σ del activo* divide por la desviación estándar del retorno del activo en el periodo, para comparar Bitcoin con el dólar en la misma escala. **Limitaciones.** (1) Diario no es intradía: no se puede aislar la reacción de minutos u horas. (2) Trump publica unas 20 veces al día; casi todas las sesiones tienen algún post. (3) Desde nov-2024 el archivo trae menos posts por mes (~500 frente a ~1.000), posiblemente incompleto. (4) Los likes se capturaron cuando el scraper leyó el post: los posts recientes tienen menos tiempo para acumularlos. (5) El clasificador por palabras clave tiene falsos positivos y negativos; la celda **Revisión** de abajo muestra su distribución.`4f:Ta32,const revision = (() => { const filas = [...CATS, OTROS].map(c => { const ps = modelo.porCat.get(c.key) ?? []; const anios = d3.rollup(ps, v => v.length, p => p.t.getUTCFullYear()); return { c, n: ps.length, rt: d3.mean(ps, p => p.rt) ?? 0, tags: c.key === "otros" ? null : d3.mean(ps, p => p.tags.length > 0), likes: d3.median(ps, p => p.likes), eventos: new Set(ps.map(p => p.a.spx)).size, anios: [2022, 2023, 2024, 2025].map(a => anios.get(a) ?? 0) }; }); // Verificación de la regla temporal sobre todos los posts y los cuatro activos let violaciones = 0, revisados = 0, maxErr = 0; for (const p of [...modelo.posts, ...modelo.otros]) for (const a of ACTIVOS) { const ancla = modelo.retPor.get(a.key).get(p.a[a.key]); const serie = modelo.serie.get(a.key); const sig = serie[ancla.i + 1]; revisados++; if (!(ancla.t < p.t) || (sig && !(sig.t > p.t))) violaciones++; if (sig) maxErr = Math.max(maxErr, Math.abs(sig.close / ancla.close - 1 - ancla.r1)); } const caso = modelo.porId.get("114308272725981913"); const pct = fmt.pct, n = fmt.int; return html`

Revisión de la clasificación y de la regla temporal

${filas.map(f => html`${f.anios.map(v => html``)} `)}

Categoría	Posts	2022	2023	2024	2025	% reposts	Con 2.º tema	Likes (mediana)	Eventos S&P 500
${f.c.nombre}	${n(f.n)}	${n(v)}	${fmt.pct0(f.rt)}	${f.tags == null ? "—" : fmt.pct0(f.tags)}	${n(f.likes)}	${n(f.eventos)}

✓ ${n(revisados)} pares post × activo: en ${violaciones === 0 ? "todos" : `todos menos ${violaciones}`}, el cierre ancla ocurre antes del post y el cierre siguiente después.
✓ El retorno a 1 sesión coincide con C_siguiente / C_ancla − 1 (error máximo ${maxErr.toExponential(1)}).
✓ Caso de control: "${caso.texto ?? "THIS IS A GREAT TIME TO BUY!!! DJT"}" (${fmt.fechaET(caso.t)}) toma como ancla el cierre del ${modelo.retPor.get("spx").get(caso.a.spx).fecha} y el S&P 500 sube ${pct(modelo.ret(caso, "spx", "r1"))} al cierre siguiente.
Cripto tiene pocos posts (${n(filas[4].n)}): sus celdas deben leerse con cautela.

`; })(); display(revision);50:T654,const modelo = (() => { const parseT = d3.isoParse; const num = v => v === "" || v == null ? NaN : +v; const serie = new Map(ACTIVOS.map(a => [a.key, []])); const retPor = new Map(ACTIVOS.map(a => [a.key, new Map()])); for (const r of precios) { const d = {activo: r.activo, fecha: r.fecha, t: parseT(r.cierre_utc), close: +r.close, r1: num(r.r1), r5: num(r.r5), fecha_r1: r.fecha_r1, fecha_r5: r.fecha_r5}; serie.get(r.activo).push(d); retPor.get(r.activo).set(r.fecha, d); } for (const s of serie.values()) { s.sort((a, b) => a.t - b.t); s.forEach((d, i) => d.i = i); } const posts = postsTemas.map(p => ({...p, t: parseT(p.t)})).sort((a, b) => a.t - b.t); const otros = postsOtros.map(r => ({ id: r.id, t: parseT(r.t), likes: +r.likes, rt: r.repost === "1", cat: "otros", tags: [], texto: null, url: `https://truthsocial.com/@realDonaldTrump/${r.id}`, a: {spx: r.a_spx, dxy: r.a_dxy, wti: r.a_wti, btc: r.a_btc} })); const todos = [...posts, ...otros]; const porId = new Map(todos.map(p => [p.id, p])); const porCat = d3.group(posts, p => p.cat); porCat.set("otros", otros); const porAncla = new Map(ACTIVOS.map(a => [a.key, d3.group(todos, p => p.a[a.key])])); const extent = [d3.utcDay.floor(d3.min(todos, p => p.t)), d3.utcDay.ceil(d3.max(todos, p => p.t))]; const ret = (p, activo, h) => retPor.get(activo).get(p.a[activo])?.[h] ?? NaN; const radio = d3.scaleSqrt().domain([0, d3.quantile(posts, 0.99, p => p.likes)]).range([2, 8.5]).clamp(true); return {serie, retPor, posts, otros, porId, porCat, porAncla, extent, ret, radio}; })();51:T60f,function agregar(modelo, st) { const [d0, d1] = st.periodo, h = st.horizonte; const filas = CATS.map(c => ({...c, tipo: "tema"})); if (st.otros) filas.push({...OTROS, tipo: "ref"}); filas.push({key: "todas", corto: "Todas las sesiones", nombre: "Todas las sesiones del periodo (referencia)", tipo: "ref", color: null}); const sesiones = new Map(), sigma = new Map(); for (const a of ACTIVOS) { const ss = modelo.serie.get(a.key).filter(d => d.t >= d0 && d.t < d1 && Number.isFinite(d[h])); sesiones.set(a.key, ss); sigma.set(a.key, d3.deviation(ss, d => d[h])); } const celdas = []; for (const f of filas) { const ps = f.key === "todas" ? null : (modelo.porCat.get(f.key) ?? []).filter(p => p.t >= d0 && p.t < d1); for (const a of ACTIVOS) { let eventos; if (ps) { const anclas = d3.group(ps, p => p.a[a.key]); eventos = [...anclas].map(([k, v]) => ({sesion: modelo.retPor.get(a.key).get(k), posts: v})) .filter(e => e.sesion && Number.isFinite(e.sesion[h])); } else eventos = sesiones.get(a.key).map(s => ({sesion: s, posts: []})); const rs = eventos.map(e => e.sesion[h]); const med = d3.median(rs); celdas.push({ fila: f, activo: a, eventos, n: rs.length, nPosts: ps ? ps.length : null, mediana: med, media: d3.mean(rs), positivos: rs.length ? rs.filter(r => r > 0).length / rs.length : NaN, sigma: sigma.get(a.key), valor: st.escala === "sigma" ? med / sigma.get(a.key) : med }); } } return {filas, celdas}; }52:T43c2,function crearTimeline(modelo, ctx) { const W = ctx.width; const m = {l: 162, r: 16, t: 26}; const iw = W - m.l - m.r; const hF = 260, gapL = 34, laneH = 24, carriles = [...CATS, OTROS], hL = laneH * carriles.length; const gapC = 40, hC = 58; const yF0 = m.t, yL0 = yF0 + hF + gapL, yC0 = yL0 + hL + gapC, H = yC0 + hC + 24; const yCarril = new Map(carriles.map((c, i) => [c.key, i * laneH + laneH / 2])); const dpr = window.devicePixelRatio || 1; const x0 = d3.scaleUtc(modelo.extent, [0, iw]); let x = x0.copy(); const xC = x0.copy(); const yF = d3.scaleLinear().range([hF, 0]); let st = null, hoverPost = null, programatico = false; const node = html`

`; const svg = d3.create("svg").attr("width", W).attr("height", H).attr("class", "tv-svg"); const canvas = d3.create("canvas").attr("width", iw * dpr).attr("height", hL * dpr) .style("position", "absolute").style("left", `${m.l}px`).style("top", `${yL0}px`) .style("width", `${iw}px`).style("height", `${hL}px`).style("pointer-events", "none"); const top = d3.create("svg").attr("width", W).attr("height", H).attr("class", "tv-svg") .style("position", "absolute").style("left", 0).style("top", 0); node.append(svg.node(), canvas.node(), top.node()); const g2d = canvas.node().getContext("2d"); g2d.scale(dpr, dpr); const uid = `tv${Math.random().toString(36).slice(2, 8)}`; svg.append("defs").append("clipPath").attr("id", `${uid}-clip`).append("rect").attr("width", iw).attr("height", hF + 2).attr("y", -1); top.append("defs").append("clipPath").attr("id", `${uid}-clip2`).append("rect").attr("width", iw).attr("height", yL0 + hL - yF0); // --- Foco: precio --- const gF = svg.append("g").attr("transform", `translate(${m.l},${yF0})`); const gGrid = gF.append("g").attr("class", "tv-grid"); const gYAxis = gF.append("g").attr("class", "tv-axis"); const gXAxis = gF.append("g").attr("class", "tv-axis").attr("transform", `translate(0,${hF})`); const ruta = gF.append("path").attr("class", "tv-linea").attr("clip-path", `url(#${uid}-clip)`); const gFoco = gF.append("g").attr("clip-path", `url(#${uid}-clip)`); const titY = svg.append("text").attr("class", "tv-tit-eje").attr("x", m.l).attr("y", 12); // --- Carriles --- const gL = svg.append("g").attr("transform", `translate(0,${yL0})`); const carril = gL.selectAll("g").data(carriles).join("g").attr("transform", d => `translate(0,${yCarril.get(d.key) - laneH / 2})`); carril.append("rect").attr("x", m.l).attr("width", iw).attr("height", laneH - 2).attr("class", (d, i) => `tv-carril ${i % 2 ? "par" : ""}`); carril.append("circle").attr("cx", 12).attr("cy", laneH / 2 - 1).attr("r", 5).attr("fill", d => d.color); const etCarril = carril.append("text").attr("x", 22).attr("y", laneH / 2 + 3).attr("class", "tv-et-carril"); const gXL = svg.append("g").attr("class", "tv-axis").attr("transform", `translate(${m.l},${yL0 + hL})`); // --- Contexto con brush --- const gC = svg.append("g").attr("transform", `translate(${m.l},${yC0})`); svg.append("text").attr("class", "tv-tit-eje").attr("x", m.l).attr("y", yC0 - 10) .text("Contexto · posts por semana de los temas activos y precio del activo · arrastra para elegir un periodo"); const gBarras = gC.append("g"); const rutaC = gC.append("path").attr("class", "tv-linea-ctx"); gC.append("g").attr("class", "tv-axis").attr("transform", `translate(0,${hC})`) .call(d3.axisBottom(xC).ticks(iw / 110).tickSizeOuter(0).tickFormat(fmt.ejeFecha)); // --- Capa superior: regla de reacción, selección, interacción --- const gTop = top.append("g").attr("transform", `translate(${m.l},${yF0})`); const gSel = gTop.append("g").attr("clip-path", `url(#${uid}-clip2)`); const gHover = gTop.append("g").attr("clip-path", `url(#${uid}-clip2)`); const cruz = gTop.append("g").attr("class", "tv-cruz").style("display", "none"); cruz.append("line").attr("y1", 0).attr("y2", hF); cruz.append("circle").attr("r", 4); const zona = gTop.append("rect").attr("class", "tv-zona").attr("width", iw).attr("height", yL0 + hL - yF0); const gBrush = top.append("g").attr("transform", `translate(${m.l},${yC0})`); const zoom = d3.zoom() .scaleExtent([1, (x0.domain()[1] - x0.domain()[0]) / (7 * 864e5)]) .extent([[0, 0], [iw, hF]]).translateExtent([[0, 0], [iw, hF]]) .filter(e => e.type === "wheel" ? (e.ctrlKey || e.shiftKey || e.metaKey) : !e.button) .wheelDelta(e => -(e.deltaY || e.deltaX) * (e.deltaMode === 1 ? 0.05 : e.deltaMode ? 1 : 0.002) * (e.ctrlKey ? 10 : 1)) .on("zoom", e => { x = e.transform.rescaleX(x0); if (e.sourceEvent && !programatico) moverBrush(); dibujar(); }) .on("end", e => { if (e.sourceEvent && !programatico) ctx.set({periodo: x.domain()}); }); zona.call(zoom).on("dblclick.zoom", null); const brush = d3.brushX().extent([[0, 0], [iw, hC]]) .on("brush", e => { if (!e.sourceEvent || programatico || !e.selection) return; fijarDominio(e.selection.map(xC.invert), false); }) .on("end", e => { if (!e.sourceEvent || programatico) return; ctx.set({periodo: e.selection ? e.selection.map(xC.invert) : modelo.extent.slice()}); }); gBrush.call(brush); // Con el periodo completo el brush no muestra selección: así arrastrar crea una nueva const seleccionBrush = ([d0, d1]) => (d1 - d0) >= (modelo.extent[1] - modelo.extent[0]) - 864e5 ? null : [xC(d0), xC(d1)]; function moverBrush() { programatico = true; gBrush.call(brush.move, seleccionBrush(x.domain())); programatico = false; } function fijarDominio([d0, d1], conBrush = true) { const k = iw / (x0(d1) - x0(d0)); programatico = true; zona.call(zoom.transform, d3.zoomIdentity.scale(k).translate(-x0(d0), 0)); if (conBrush) gBrush.call(brush.move, seleccionBrush([d0, d1])); programatico = false; } const activo = () => ACTIVOS.find(a => a.key === st.activo); const serie = () => modelo.serie.get(st.activo); let base = 1; const valor = d => st.ejeY === "pct" ? d.close / base - 1 : d.close; function visibles() { const s = serie(), [d0, d1] = x.domain(); const bis = d3.bisector(d => d.t); const i0 = Math.max(0, bis.left(s, d0) - 1), i1 = Math.min(s.length, bis.right(s, d1) + 1); return s.slice(i0, i1); } function dibujar() { if (!st) return; const vis = visibles(); const enRango = vis.filter(d => d.t >= x.domain()[0]); base = (enRango[0] ?? vis[0]).close; const [lo, hi] = d3.extent(vis, valor); const pad = (hi - lo) * 0.08 || Math.abs(hi) * 0.01 || 0.01; yF.domain([lo - pad, hi + pad]).nice(6); const fy = st.ejeY === "pct" ? fmt.pctEje : fmt.precio(st.activo); gYAxis.call(d3.axisLeft(yF).ticks(6).tickFormat(fy).tickSizeOuter(0)).call(g => g.select(".domain").remove()); gGrid.call(d3.axisLeft(yF).ticks(6).tickSize(-iw).tickFormat("")).call(g => g.select(".domain").remove()); gXAxis.call(d3.axisBottom(x).ticks(iw / 100).tickSizeOuter(0).tickFormat(fmt.ejeFecha)); gXL.call(d3.axisBottom(x).ticks(iw / 100).tickSizeOuter(0).tickFormat(fmt.ejeFecha)); ruta.datum(vis).attr("d", d3.line().x(d => x(d.t)).y(d => yF(valor(d)))); titY.text(st.ejeY === "pct" ? `${activo().nombre} · variación desde el primer cierre visible (${fmt.fechaCorta(base === vis[0]?.close ? vis[0].t : enRango[0].t)})` : `${activo().nombre} · cierre diario (${activo().unidad})`); dibujarFoco(); dibujarPuntos(); dibujarReaccion(gSel, st.post ? modelo.porId.get(st.post) : null, true); dibujarReaccion(gHover, hoverPost, false); } // Cierres ancla de los posts de la celda seleccionada, coloreados por el signo del retorno function dibujarFoco() { let eventos = []; if (st.foco) { const [d0, d1] = x.domain(); const anclas = new Set((modelo.porCat.get(st.foco.cat) ?? []) .filter(p => p.t >= st.periodo[0] && p.t < st.periodo[1]).map(p => p.a[st.activo])); eventos = [...anclas].map(k => modelo.retPor.get(st.activo).get(k)) .filter(d => d && d.t >= d0 && d.t <= d1 && Number.isFinite(d[st.horizonte])); } gFoco.selectAll("circle").data(eventos, d => d.fecha).join("circle") .attr("class", "tv-ancla").attr("r", 4) .attr("cx", d => x(d.t)).attr("cy", d => yF(valor(d))) .attr("fill", d => colorRetorno.signo(d[st.horizonte])); } let puntos = [], arbol = null; function hash(id) { let h = 0; for (const ch of id.slice(-6)) h = (h * 31 + ch.charCodeAt(0)) % 997; return h / 997; } function dibujarPuntos() { g2d.clearRect(0, 0, iw, hL); const [d0, d1] = x.domain(); puntos = []; const grupos = [...st.cats]; if (st.otros) grupos.push("otros"); for (const k of grupos) { const lista = modelo.porCat.get(k) ?? []; const i0 = d3.bisector(p => p.t).left(lista, d0), i1 = d3.bisector(p => p.t).right(lista, d1); const c = k === "otros" ? OTROS : CATS.find(c => c.key === k); const tenue = st.foco && st.foco.cat !== k; const cy0 = yCarril.get(k); g2d.globalAlpha = k === "otros" ? 0.28 : tenue ? 0.12 : 0.72; g2d.fillStyle = c.color; g2d.strokeStyle = "#fcfcfb"; g2d.lineWidth = 0.8; for (let i = i0; i < i1; i++) { const p = lista[i]; const px = x(p.t), py = cy0 + (hash(p.id) - 0.5) * (laneH - 10); const r = k === "otros" ? 1.8 : modelo.radio(p.likes); g2d.beginPath(); g2d.arc(px, py, r, 0, 2 * Math.PI); g2d.fill(); if (k !== "otros") g2d.stroke(); puntos.push({p, px, py, r}); } } g2d.globalAlpha = 1; for (const id of [st.post, hoverPost?.id]) { const q = id && puntos.find(d => d.p.id === id); if (!q) continue; g2d.beginPath(); g2d.arc(q.px, q.py, q.r + 2.5, 0, 2 * Math.PI); g2d.strokeStyle = "#0b0b0b"; g2d.lineWidth = 2; g2d.stroke(); } arbol = d3.quadtree(puntos, d => d.px, d => d.py); etCarril.text(d => { const activoC = d.key === "otros" ? st.otros : st.cats.includes(d.key); if (!activoC) return `${d.corto} · ${d.key === "otros" ? "oculto" : "filtrado"}`; return `${d.corto} · ${fmt.int(puntos.filter(q => q.p.cat === d.key).length)}`; }).classed("off", d => d.key === "otros" ? !st.otros : !st.cats.includes(d.key)) .classed("foco", d => st.foco?.cat === d.key); } // Regla vertical en la hora del post + cierre ancla y cierre de reacción sobre la línea function dibujarReaccion(g, p, fijo) { const datos = []; if (p) { const s = serie(), a = modelo.retPor.get(st.activo).get(p.a[st.activo]); const fin = a && s[a.i + (st.horizonte === "r1" ? 1 : 5)]; datos.push({p, a, fin}); } const sel = g.selectAll("g.tv-reac").data(datos).join(enter => { const e = enter.append("g").attr("class", `tv-reac ${fijo ? "fijo" : ""}`); e.append("line").attr("class", "regla"); e.append("line").attr("class", "tramo"); e.append("circle").attr("class", "ini").attr("r", 4); e.append("circle").attr("class", "fin").attr("r", 4.5); return e; }); sel.select(".regla").attr("x1", d => x(d.p.t)).attr("x2", d => x(d.p.t)).attr("y1", 0).attr("y2", yL0 + hL - yF0); sel.select(".tramo").style("display", d => d.fin ? null : "none") .attr("x1", d => x(d.a.t)).attr("y1", d => yF(valor(d.a))) .attr("x2", d => d.fin ? x(d.fin.t) : 0).attr("y2", d => d.fin ? yF(valor(d.fin)) : 0) .attr("stroke", d => d.fin ? colorRetorno.signo(d.fin.close / d.a.close - 1) : null); sel.select(".ini").style("display", d => d.a ? null : "none").attr("cx", d => x(d.a.t)).attr("cy", d => yF(valor(d.a))); sel.select(".fin").style("display", d => d.fin ? null : "none") .attr("cx", d => d.fin ? x(d.fin.t) : 0).attr("cy", d => d.fin ? yF(valor(d.fin)) : 0) .attr("fill", d => d.fin ? colorRetorno.signo(d.fin.close / d.a.close - 1) : null); } // Hover: en la franja de precio = cruz con el cierre; en los carriles = post más cercano zona.on("pointermove", e => { const [mx, my] = d3.pointer(e); if (my > hF + 4) { cruz.style("display", "none"); const q = arbol && arbol.find(mx, my - (yL0 - yF0), 12); if (q?.p !== hoverPost) { hoverPost = q?.p ?? null; dibujarPuntos(); dibujarReaccion(gHover, hoverPost, false); } zona.style("cursor", hoverPost ? "pointer" : "grab"); if (hoverPost) ctx.tip.show(tipPost(hoverPost), e); else ctx.tip.hide(); } else { if (hoverPost) { hoverPost = null; dibujarPuntos(); dibujarReaccion(gHover, null, false); } const s = serie(), t = x.invert(mx); const i = d3.bisector(d => d.t).center(s, t), d = s[i]; if (!d) return; cruz.style("display", null).attr("transform", `translate(${x(d.t)},0)`); cruz.select("circle").attr("cy", yF(valor(d))); const prev = s[i - 1]; ctx.tip.show(`

${fmt.fechaLarga(d.t)}

${activo().nombre}${fmt.precio(st.activo)(d.close)}

${prev ? `

Var. frente al cierre anterior${fmt.pct(d.close / prev.close - 1)}

` : ""}

Cierre: ${activo().cierre}

`, e); } }).on("pointerleave", () => { cruz.style("display", "none"); ctx.tip.hide(); if (hoverPost) { hoverPost = null; dibujarPuntos(); dibujarReaccion(gHover, null, false); } }).on("click", () => { if (hoverPost) ctx.set({post: hoverPost.id === st.post ? null : hoverPost.id}); }); function tipPost(p) { const c = p.cat === "otros" ? OTROS : CATS.find(c => c.key === p.cat); const a = modelo.retPor.get(st.activo).get(p.a[st.activo]); const r = a?.[st.horizonte], fin = a?.[st.horizonte === "r1" ? "fecha_r1" : "fecha_r5"]; const otrosMismoCierre = (modelo.porAncla.get(st.activo).get(p.a[st.activo])?.length ?? 1) - 1; const texto = p.texto == null ? "Texto no incluido para Otros; ábrelo en Truth Social." : p.texto.length > 240 ? fmt.esc(p.texto.slice(0, 240)) + "… (clic para leerlo completo)" : fmt.esc(p.texto) || "(solo imagen o video)"; return `

${c.nombre}

${fmt.fechaET(p.t)} ET · ${fmt.horaBog(p.t)} Bogotá${p.rt ? " · repost" : ""}

${p.tags.length ? `

También: ${p.tags.map(k => CATS.find(c => c.key === k).corto).join(", ")}

` : ""}

${texto}

Likes${fmt.int(p.likes)}

${activo().nombre}, ${st.horizonte === "r1" ? "1 sesión" : "5 sesiones"} (${a?.fecha ?? "—"} → ${fin || "—"}) ${Number.isFinite(r) ? fmt.pct(r) : "sin dato"}

${otrosMismoCierre > 0 ? `

El mismo cierre recoge otros ${fmt.int(otrosMismoCierre)} posts.

` : ""}`; } function dibujarContexto() { const sem = d3.utcWeek; const lista = st.cats.flatMap(k => modelo.porCat.get(k) ?? []); const conteo = d3.rollup(lista, v => v.length, p => +sem.floor(p.t)); const datos = sem.range(sem.floor(modelo.extent[0]), modelo.extent[1]).map(d => ({d, n: conteo.get(+d) ?? 0})); const yb = d3.scaleLinear().domain([0, d3.max(datos, d => d.n) || 1]).range([hC, hC * 0.25]); gBarras.selectAll("rect").data(datos).join("rect").attr("class", "tv-barra-ctx") .attr("x", d => xC(d.d)).attr("width", Math.max(1, xC(sem.offset(d3.utcDay.offset(modelo.extent[0], 0), 1)) - xC(modelo.extent[0]) - 0.6)) .attr("y", d => yb(d.n)).attr("height", d => hC - yb(d.n)); const s = serie(); const yc = d3.scaleLinear().domain(d3.extent(s, d => d.close)).range([hC - 4, 4]); rutaC.attr("d", d3.line().x(d => xC(d.t)).y(d => yc(d.close))(s.filter(d => d.t >= modelo.extent[0] && d.t <= modelo.extent[1]))); } const leyenda = html`

Cierre diario Tamaño = likes ${[1000, 10000, 40000].map(v => html`${fmt.compacto(v)}`)} Cierre ancla → cierre de reacción (naranja sube, azul baja) Arrastra = desplazar · Shift + rueda o pellizco = zoom

`; let ultimo = {}; function update(nuevo) { const prev = ultimo; st = nuevo; ultimo = nuevo; const [d0, d1] = x.domain(); if (Math.abs(d0 - st.periodo[0]) > 6e4 || Math.abs(d1 - st.periodo[1]) > 6e4) fijarDominio(st.periodo); else moverBrush(); if (prev.activo !== st.activo || prev.cats !== st.cats) dibujarContexto(); dibujar(); } return {node, leyenda, update}; }53:T21a6,function crearHeatmap(modelo, ctx) { const W = ctx.width; const m = {l: 150, r: 6, t: 34, b: 8}; const cw = (W - m.l - m.r) / ACTIVOS.length, ch = 46, gapRef = 14; const node = html`

`; const cabecera = html`

`; const svg = d3.create("svg").attr("width", W).attr("class", "tv-svg"); const leyenda = html`

`; node.append(cabecera, svg.node(), leyenda); const uid = `hm${Math.random().toString(36).slice(2, 8)}`; const pat = svg.append("defs").append("pattern").attr("id", `${uid}-raya`).attr("width", 6).attr("height", 6) .attr("patternUnits", "userSpaceOnUse").attr("patternTransform", "rotate(45)"); pat.append("line").attr("y2", 6).attr("stroke", "rgba(11,11,11,.28)").attr("stroke-width", 1.4); const gCols = svg.append("g").attr("transform", `translate(${m.l},0)`); const gFilas = svg.append("g"); const gCeldas = svg.append("g").attr("transform", `translate(${m.l},0)`); let st = null, datos = null, escala = null; function update(nuevo) { st = nuevo; datos = agregar(modelo, st); const ys = new Map(); let y = m.t; for (const f of datos.filas) { if (f.tipo === "ref" && ![...ys.keys()].some(k => datos.filas.find(g => g.key === k).tipo === "ref")) y += gapRef; ys.set(f.key, y); y += ch; } const H = y + m.b; svg.attr("height", H); const valores = datos.celdas.map(c => c.valor).filter(Number.isFinite); const M = d3.max(valores, Math.abs) || 0.001; escala = d3.scaleDiverging([-M, 0, M], colorRetorno.interpolador); const fv = v => st.escala === "sigma" ? fmt.sigma(v) : fmt.pct(v); gCols.selectAll("g").data(ACTIVOS, d => d.key).join(enter => { const g = enter.append("g").attr("class", "tv-col").style("cursor", "pointer").on("click", (e, d) => ctx.set({activo: d.key})); g.append("text").attr("y", m.t - 14).attr("text-anchor", "middle"); g.append("rect").attr("y", m.t - 7).attr("height", 3).attr("rx", 1.5); return g; }).attr("transform", (d, i) => `translate(${i * cw + cw / 2},0)`) .classed("on", d => d.key === st.activo) .call(g => g.select("text").text(d => d.nombre)) .call(g => g.select("rect").attr("x", -cw / 2 + 8).attr("width", cw - 16)); gFilas.selectAll("g").data(datos.filas, d => d.key).join(enter => { const g = enter.append("g").attr("class", "tv-fila-et"); g.append("circle").attr("cx", 10).attr("r", 5); g.append("text").attr("class", "a").attr("x", 21).attr("dy", "-0.15em"); g.append("text").attr("class", "b").attr("x", 21).attr("dy", "1.05em"); return g; }).attr("transform", d => `translate(0,${ys.get(d.key) + ch / 2})`) .classed("off", d => d.tipo === "tema" && !st.cats.includes(d.key)) .call(g => g.select("circle").attr("fill", d => d.color ?? "none").attr("stroke", d => d.color ? null : "#8d8c86")) .call(g => g.select(".a").text(d => d.corto)) .call(g => g.select(".b").text(d => { if (d.key === "todas") return "referencia"; const c = datos.celdas.find(c => c.fila.key === d.key); const filtrado = d.tipo === "tema" && !st.cats.includes(d.key); return `${fmt.int(c.nPosts)} posts${filtrado ? " · filtrado" : ""}`; })); const celdas = gCeldas.selectAll("g.tv-celda").data(datos.celdas, d => `${d.fila.key}|${d.activo.key}`) .join(enter => { const g = enter.append("g").attr("class", "tv-celda"); g.append("rect").attr("class", "fondo").attr("rx", 4); g.append("rect").attr("class", "raya").attr("rx", 4).attr("fill", `url(#${uid}-raya)`); g.append("text").attr("class", "v").attr("text-anchor", "middle"); g.append("text").attr("class", "n").attr("text-anchor", "middle"); g.on("pointermove", (e, d) => ctx.tip.show(tipCelda(d), e)).on("pointerleave", () => ctx.tip.hide()) .on("click", (e, d) => { if (d.fila.tipo !== "tema") return; const mismo = st.foco && st.foco.cat === d.fila.key && st.foco.activo === d.activo.key; ctx.set({foco: mismo ? null : {cat: d.fila.key, activo: d.activo.key}}); }); return g; }); celdas.attr("transform", d => `translate(${ACTIVOS.indexOf(d.activo) * cw},${ys.get(d.fila.key)})`) .classed("tema", d => d.fila.tipo === "tema") .classed("off", d => d.fila.tipo === "tema" && !st.cats.includes(d.fila.key)) .classed("foco", d => st.foco && st.foco.cat === d.fila.key && st.foco.activo === d.activo.key) .classed("col", d => d.activo.key === st.activo); celdas.select(".fondo").attr("x", 1).attr("y", 1).attr("width", cw - 2).attr("height", ch - 2) .transition().duration(400).attr("fill", d => Number.isFinite(d.valor) ? escala(d.valor) : "#f4f3f0"); celdas.select(".raya").attr("x", 1).attr("y", 1).attr("width", cw - 2).attr("height", ch - 2) .style("display", d => d.fila.key !== "todas" && d.n < 10 ? null : "none"); celdas.select(".v").attr("x", cw / 2).attr("y", ch / 2 - 1) .style("fill", d => colorRetorno.tinta(escala(d.valor ?? 0))) .text(d => Number.isFinite(d.valor) ? fv(d.valor) : "sin datos"); celdas.select(".n").attr("x", cw / 2).attr("y", ch / 2 + 13) .style("fill", d => colorRetorno.tinta(escala(d.valor ?? 0))) .text(d => d.fila.key === "todas" ? `${fmt.int(d.n)} sesiones` : `n = ${fmt.int(d.n)}${d.n < 10 ? " · pocos" : ""}`); const act = ACTIVOS.find(a => a.key === st.activo); cabecera.innerHTML = st.foco ? `Celda seleccionada: ${CATS.find(c => c.key === st.foco.cat).corto} × ${act.nombre} ` : `Clic en una celda para resaltar sus posts en la línea de tiempo · clic en un activo para verlo`; cabecera.querySelector("button")?.addEventListener("click", () => ctx.set({foco: null})); const ticks = [-M, -M / 2, 0, M / 2, M]; leyenda.innerHTML = `

Color = ${st.escala === "sigma" ? "retorno mediano en desviaciones estándar del activo" : "retorno mediano"} tras los posts (${st.horizonte === "r1" ? "1 sesión" : "5 sesiones"}). Azul = baja · gris ≈ 0 · naranja = sube. Escala propia, distinta de los colores de los temas.

${ticks.map(v => `${fv(v)}`).join("")}

Rayado: menos de 10 eventos; el resultado puede ser azar.

`; } function tipCelda(d) { const h = st.horizonte === "r1" ? "1 sesión" : "5 sesiones"; const [d0, d1] = st.periodo; const extremo = d3.greatest(d.eventos, e => Math.abs(e.sesion[st.horizonte])); return `

${d.fila.color ? `` : ""}${d.fila.nombre} × ${d.activo.nombre}

${fmt.fechaCorta(d0)} → ${fmt.fechaCorta(d3.utcMillisecond.offset(d1, -1))} · retorno a ${h}

Mediana${fmt.pct(d.mediana)}

Media${fmt.pct(d.media)}

Eventos al alza${Number.isFinite(d.positivos) ? fmt.pct0(d.positivos) : "—"}

Mediana en σ (σ = ${fmt.pct(d.sigma)})${fmt.sigma(d.mediana / d.sigma)}

${d.fila.key === "todas" ? "Sesiones" : "Eventos (cierres distintos)"}${fmt.int(d.n)}

${d.nPosts != null ? `

Posts considerados${fmt.int(d.nPosts)}

` : ""} ${extremo && d.fila.key !== "todas" ? `

Mayor movimiento: ${fmt.pct(extremo.sesion[st.horizonte])} tras el cierre del ${extremo.sesion.fecha}

` : ""} ${d.n < 10 && d.fila.key !== "todas" ? `

Pocos eventos: no interpretar como patrón.

` : ""} ${d.fila.tipo === "tema" ? `

Clic: resaltar estos posts y ver ${d.activo.nombre}

` : ""}`; } return {node, update}; }54:T164b,function crearDetalle(modelo, ctx) { const W = ctx.width; const node = html`

`; let st = null; function update(nuevo) { st = nuevo; node.innerHTML = ""; const p = st.post ? modelo.porId.get(st.post) : null; node.append(p ? vistaPost(p) : vistaRanking()); } function vistaRanking() { const act = ACTIVOS.find(a => a.key === st.activo), h = st.horizonte; const cats = st.foco ? [st.foco.cat] : st.cats; const ps = cats.flatMap(k => modelo.porCat.get(k) ?? []).filter(p => p.t >= st.periodo[0] && p.t < st.periodo[1]); const eventos = [...d3.group(ps, p => p.a[act.key])].map(([k, v]) => ({s: modelo.retPor.get(act.key).get(k), v})) .filter(e => e.s && Number.isFinite(e.s[h])); const top = d3.sort(eventos, e => -Math.abs(e.s[h])).slice(0, 8); const alcance = st.foco ? CATS.find(c => c.key === st.foco.cat).corto : cats.length === CATS.length ? "todos los temas" : cats.map(k => CATS.find(c => c.key === k).corto).join(", "); const el = html`

③ Detalle · mayores movimientos de ${act.nombre}

Cierres con posts de ${alcance} en el periodo, ordenados por el tamaño del retorno a ${h === "r1" ? "1 sesión" : "5 sesiones"}. Haz clic en uno, o en un círculo de la línea de tiempo, para ver el post completo.

`; const ol = el.querySelector("ol"); if (!top.length) ol.append(html`

No hay posts de estos temas en el periodo.

`); for (const e of top) { const p = d3.greatest(e.v, q => q.likes); const c = CATS.find(c => c.key === p.cat); const r = e.s[h]; const li = html`

${fmt.pct(r)}

${fmt.fechaET(p.t)} ET · ${c.corto} · ${fmt.int(p.likes)} likes${e.v.length > 1 ? ` · +${e.v.length - 1} post${e.v.length > 2 ? "s" : ""} antes del mismo cierre` : ""}

${p.texto.slice(0, 170)}${p.texto.length > 170 ? "…" : ""}

`; li.onclick = () => ctx.set({post: p.id}); ol.append(li); } return el; } function vistaPost(p) { const c = p.cat === "otros" ? OTROS : CATS.find(c => c.key === p.cat); const mismos = (modelo.porAncla.get(st.activo).get(p.a[st.activo])?.length ?? 1) - 1; const el = html`

③ Detalle del post

${c.nombre}${p.tags.length ? ` · también ${p.tags.map(k => CATS.find(c => c.key === k).corto).join(", ")}` : ""}

${fmt.fechaLarga(p.t)} · ${fmt.fechaET(p.t).split(", ").pop()} ET · ${fmt.horaBog(p.t)} Bogotá · ${fmt.int(p.likes)} likes${p.rt ? " · repost" : ""} · abrir en Truth Social ↗

${p.texto == null ? html`El texto de los posts "Otros" no se carga en el notebook; ábrelo en Truth Social.` : p.texto || html`(solo imagen o video)`}

Reacción por activo · del último cierre antes del post a 1 y 5 sesiones

Activo	Cierre ancla	1 sesión	5 sesiones	Trayectoria (−1 a +5 cierres)

${mismos > 0 ? `Antes del mismo cierre de ${ACTIVOS.find(a => a.key === st.activo).nombre} hubo otros ${fmt.int(mismos)} posts: el retorno es de la sesión, no de este post solo.` : "Fue el único post antes de ese cierre."} Asociación temporal, no causalidad.

`; el.querySelector("header .tv-btn").onclick = () => ctx.set({post: null}); const tb = el.querySelector("tbody"); for (const a of ACTIVOS) { const s = modelo.serie.get(a.key), an = modelo.retPor.get(a.key).get(p.a[a.key]); const tramo = s.slice(Math.max(0, an.i - 1), an.i + 6); const tr = html`${a.nombre} ${an.fecha} · ${fmt.precio(a.key)(an.close)} ${fmt.pct(an.r1)} ${fmt.pct(an.r5)} ${sparkline(tramo, an)}`; tr.onclick = () => ctx.set({activo: a.key}); tb.append(tr); } return el; } function sparkline(tramo, an) { const w = 132, h = 30; const v = tramo.map(d => d.close / an.close - 1); const xs = d3.scaleLinear([0, tramo.length - 1], [4, w - 4]); const lim = d3.max(v, Math.abs) || 0.001; const ys = d3.scaleLinear([-lim, lim], [h - 3, 3]); const svg = d3.create("svg").attr("width", w).attr("height", h); svg.append("line").attr("x1", 0).attr("x2", w).attr("y1", ys(0)).attr("y2", ys(0)).attr("class", "tv-cero"); svg.append("path").attr("d", d3.line().x((d, i) => xs(i)).y(d => ys(d))(v)).attr("class", "tv-spark"); tramo.forEach((d, i) => { if (d === an) svg.append("circle").attr("cx", xs(i)).attr("cy", ys(0)).attr("r", 3).attr("class", "tv-ley-ini"); else if (d.i === an.i + 1 || d.i === an.i + 5) svg.append("circle").attr("cx", xs(i)).attr("cy", ys(v[i])).attr("r", 3).attr("fill", colorRetorno.signo(v[i])); }); return svg.node(); } return {node, update}; }55:T860,const fmt = (() => { const loc = d3.formatLocale({decimal: ",", thousands: ".", grouping: [3], currency: ["$", ""], minus: "−"}); const p2 = loc.format("+.2%"), p0 = loc.format(".0%"), n0 = loc.format(",d"); const tf = d3.timeFormatLocale({ dateTime: "%A, %e de %B de %Y, %X", date: "%d/%m/%Y", time: "%H:%M:%S", periods: ["a. m.", "p. m."], days: ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"], shortDays: ["dom", "lun", "mar", "mié", "jue", "vie", "sáb"], months: ["enero", "febrero", "marzo", "abril", "mayo", "junio", "julio", "agosto", "septiembre", "octubre", "noviembre", "diciembre"], shortMonths: ["ene", "feb", "mar", "abr", "may", "jun", "jul", "ago", "sep", "oct", "nov", "dic"] }); const et = new Intl.DateTimeFormat("es-CO", {timeZone: "America/New_York", day: "numeric", month: "short", year: "numeric", hour: "numeric", minute: "2-digit"}); const bog = new Intl.DateTimeFormat("es-CO", {timeZone: "America/Bogota", hour: "numeric", minute: "2-digit"}); const larga = new Intl.DateTimeFormat("es-CO", {timeZone: "America/New_York", weekday: "short", day: "numeric", month: "short", year: "numeric"}); const precios = {spx: loc.format(",.2f"), dxy: loc.format(",.2f"), wti: loc.format("$,.2f"), btc: loc.format("$,.0f")}; const multi = d => (d3.utcMonth(d) < d ? tf.utcFormat("%e %b") : d3.utcYear(d) < d ? tf.utcFormat("%b") : tf.utcFormat("%Y"))(d); return { pct: v => Number.isFinite(v) ? p2(v).replace("%", " %") : "—", pct0: v => p0(v).replace("%", " %"), pctEje: v => loc.format("+.0%")(v).replace("%", " %"), sigma: v => Number.isFinite(v) ? loc.format("+.2f")(v) + " σ" : "—", int: v => v == null || !Number.isFinite(+v) ? "—" : n0(v), compacto: v => v >= 1000 ? `${loc.format(",d")(v / 1000)} mil` : n0(v), precio: k => precios[k], ejeFecha: multi, fechaCorta: tf.utcFormat("%e %b %Y"), fechaLarga: d => larga.format(d), fechaET: d => et.format(d), horaBog: d => bog.format(d), esc: s => s.replace(/[&<>"]/g, ch => ({"&": "&", "<": "<", ">": ">", '"': """}[ch])) }; })();56:T21a7,const estilos = html``; display(estilos);57:[{"id":"b6dc697142bb82be9ad1706a355009df13264b21016a7c92f54378fb9f1b738490d46c7baa523f575250b21561b4caf96890106cb6f98e4bd32eaa0fe52d9ef5","href":"https://static.observableusercontent.com/files/b6dc697142bb82be9ad1706a355009df13264b21016a7c92f54378fb9f1b738490d46c7baa523f575250b21561b4caf96890106cb6f98e4bd32eaa0fe52d9ef5","name":"posts_otros.csv","type":"text/csv","lastModified":1794530724086,"size":2673186},{"id":"02454980399aa3151aa3cb3a4ab32afab5d48fc6ffa05cc2e42f1708d7dcc401b8241718f63a91552bbb1e18f40e76b8599e825d6eb27ff6fb3f37d1f97ccd1e","href":"https://static.observableusercontent.com/files/02454980399aa3151aa3cb3a4ab32afab5d48fc6ffa05cc2e42f1708d7dcc401b8241718f63a91552bbb1e18f40e76b8599e825d6eb27ff6fb3f37d1f97ccd1e","name":"posts_temas.json","type":"application/json","lastModified":1794530724156,"size":806140},{"id":"e02bd6377d820b5e51312ac2d1d70c1bb4dfd034caf718e858acb44b7d844f85afa6fa79dfa4ebabdd68e4b378c023857a2218551be7fe30115e8cdfb2df50a5","href":"https://static.observableusercontent.com/files/e02bd6377d820b5e51312ac2d1d70c1bb4dfd034caf718e858acb44b7d844f85afa6fa79dfa4ebabdd68e4b378c023857a2218551be7fe30115e8cdfb2df50a5","name":"precios.csv","type":"text/csv","lastModified":1794530724194,"size":358583},{"id":"44815d4f72c44e486ee63b5caf112827a28f84fbe955c6ac952106089372988948b6e52edab0c18cc82211deaea69e68c317e8ae22d7dc74ff0339d40eef5711","href":"https://static.observableusercontent.com/files/44815d4f72c44e486ee63b5caf112827a28f84fbe955c6ac952106089372988948b6e52edab0c18cc82211deaea69e68c317e8ae22d7dc74ff0339d40eef5711","name":"resumen.json","type":"application/json","lastModified":1794530724108,"size":3375}] 47:{"id":"b5a945399655509a","slug":"mueve-el-mercado-un-post-de-trump","title":"¿Mueve el mercado un post de Trump?","thumbnail":"e2da4b8302147fa353e37d39477fe834e27f05e73750a92bb107ac5ebf076f2a","access_level":"public","create_time":"$D2026-11-13T00:45:59.764Z","update_time":"$D2026-11-13T01:30:00.026Z","view_time":null,"first_public_time":"$D2026-11-13T01:20:56.455Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"ef0bbffb6ffa9aba","login":"alejandro-pardo","name":"Alejandro Pardo","avatar_url":"https://avatars-next.observableusercontent.com/926d1bbb558ca4d8c06b33ad2336905d24bc6f8b2a30d7cf2fa42c5d09115827","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":154,"publish_version":154,"role":null,"authored":false,"authors":[{"type":"individual","id":"d51233cca212855b","login":"alejandro-pardo","name":"Alejandro Pardo","avatar_url":"https://avatars-next.observableusercontent.com/926d1bbb558ca4d8c06b33ad2336905d24bc6f8b2a30d7cf2fa42c5d09115827","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"team","id":"ef0bbffb6ffa9aba","login":"alejandro-pardo","name":"Alejandro Pardo","avatar_url":"https://avatars-next.observableusercontent.com/926d1bbb558ca4d8c06b33ad2336905d24bc6f8b2a30d7cf2fa42c5d09115827","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":"¿Mueve el mercado un post de Trump?","cells":[{"id":29,"value":"$4b","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"$4c","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"// view() muestra la barra de filtros y devuelve su valor, que se actualiza en cada cambio\nconst estado = view(estadoUI);","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"$4d","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"const actualizar = (() => {\n tablero.update(estado);\n const [d0, d1] = estado.periodo;\n const f = d3.utcFormat(\"%d-%m-%Y\");\n return html`

Estado: ${ACTIVOS.find(a => a.key === estado.activo).nombre} · ${estado.cats.length} temas${estado.otros ? \" + Otros\" : \"\"} · ${f(d0)} → ${f(d3.utcMillisecond.offset(d1, -1))} · ${estado.horizonte === \"r1\" ? \"1 sesión\" : \"5 sesiones\"}${estado.foco ? ` · celda ${CATS.find(c => c.key === estado.foco.cat).corto} × ${ACTIVOS.find(a => a.key === estado.foco.activo).nombre}` : \"\"}${estado.post ? ` · post ${estado.post}` : \"\"}

`;\n})();\ndisplay(actualizar);","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"$4e","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"$4f","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"const precios = await FileAttachment(\"precios.csv\").csv();","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"const postsTemas = await FileAttachment(\"posts_temas.json\").json();","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"const postsOtros = await FileAttachment(\"posts_otros.csv\").csv();","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"const resumen = await FileAttachment(\"resumen.json\").json();","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"$50","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"$51","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"$52","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"$53","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"$54","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"function crearTooltip() {\n const div = document.createElement(\"div\");\n div.className = \"tv-tip\";\n document.body.append(div);\n return {\n show(htmlTxt, e) {\n div.innerHTML = htmlTxt;\n div.style.display = \"block\";\n const r = div.getBoundingClientRect(), pad = 14;\n let left = e.clientX + pad, topY = e.clientY + pad;\n if (left + r.width > window.innerWidth - 8) left = e.clientX - r.width - pad;\n if (topY + r.height > window.innerHeight - 8) topY = Math.max(8, e.clientY - r.height - pad);\n div.style.left = `${left}px`; div.style.top = `${topY}px`;\n },\n hide() { div.style.display = \"none\"; },\n remove() { div.remove(); }\n };\n}","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"const CATS = [\n {key: \"aranceles\", nombre: \"Comercio internacional y aranceles\", corto: \"Aranceles\", color: \"#b3203a\"},\n {key: \"fed\", nombre: \"Reserva Federal y tasas de interés\", corto: \"Fed y tasas\", color: \"#7b52d6\"},\n {key: \"economia\", nombre: \"Economía, inflación y empleo\", corto: \"Economía\", color: \"#13998a\"},\n {key: \"petroleo\", nombre: \"Petróleo y política energética\", corto: \"Petróleo y energía\", color: \"#9a8f00\"},\n {key: \"cripto\", nombre: \"Criptomonedas y Bitcoin\", corto: \"Cripto\", color: \"#e070c6\"}\n];","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"const OTROS = ({key: \"otros\", nombre: \"Otros / No relevante\", corto: \"Otros\", color: \"#a3a29b\"});","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"const ACTIVOS = [\n {key: \"spx\", nombre: \"S&P 500\", ticker: \"^GSPC\", unidad: \"puntos\", cierre: \"4:00 p. m. de Nueva York\"},\n {key: \"dxy\", nombre: \"Dólar (DXY)\", ticker: \"DX-Y.NYB\", unidad: \"puntos del índice\", cierre: \"5:00 p. m. de Nueva York\"},\n {key: \"wti\", nombre: \"Petróleo WTI\", ticker: \"CL=F\", unidad: \"USD por barril\", cierre: \"2:30 p. m. de Nueva York (liquidación)\"},\n {key: \"btc\", nombre: \"Bitcoin\", ticker: \"BTC-USD\", unidad: \"USD\", cierre: \"00:00 UTC (opera 24/7)\"}\n];","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"const colorRetorno = (() => {\n const interpolador = d3.piecewise(d3.interpolateLab,\n [\"#0d366b\", \"#2a78d6\", \"#9ec5f4\", \"#f0efec\", \"#f6bfa4\", \"#eb6834\", \"#9e3a10\"]);\n return {\n interpolador,\n signo: v => !Number.isFinite(v) ? \"#8d8c86\" : v > 0 ? \"#d95926\" : v < 0 ? \"#2a78d6\" : \"#8d8c86\",\n texto: v => !Number.isFinite(v) ? \"#52514e\" : v > 0 ? \"#b14714\" : v < 0 ? \"#1c5cab\" : \"#52514e\",\n tinta: fondo => d3.lab(fondo).l < 58 ? \"#ffffff\" : \"#0b0b0b\"\n };\n})();","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"$55","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"$56","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W57","stdlib":"2"}} 42:null