3f:null 40:["$","title",null,{"children":"¿En qué se fue mi semana? | L Galvan | Observable"}] 46:T1252,(() => { const ACTS = { D: { label: "Dormí", color: "#2a78d6" }, T: { label: "Trabajé", color: "#eb6834" }, E: { label: "Estudié (universidad)", color: "#1baf7a" }, O: { label: "Ocio", color: "#eda100" } }; const DAYS = [ { name: "Jueves 06", blocks: [[0,7,'D'],[7,12,'T'],[12,13,'O'],[13,19,'E'],[19,22,'T'],[22,24,'O']], pasos: [7,8,9,10,11,22] }, { name: "Viernes 07", blocks: [[0,3,'E'],[3,9,'D'],[9,12,'E'],[12,14,'O'],[14,20,'D'],[20,24,'E']], pasos: [2,11,20,21,23] }, { name: "Sábado 08", blocks: [[0,7,'D'],[7,24,'O']], pasos: [8] }, { name: "Domingo 09", blocks: [[0,9,'D'],[9,24,'O']], pasos: [9,10] }, { name: "Lunes 10", blocks: [[0,7,'D'],[7,9,'O'],[9,12,'T'],[12,13,'O'],[13,18,'T'],[18,20,'O'],[20,24,'D']], pasos: [7,8,9,17] }, { name: "Martes 11", blocks: [[0,7,'D'],[7,9,'O'],[9,24,'T']], pasos: [] }, { name: "Miércoles 12", blocks: [[0,7,'D'],[7,24,'T']], pasos: [] } ]; const data = DAYS.map(day => { const hours = new Array(24).fill('O'); day.blocks.forEach(([a,b,act]) => { for (let h=a; h ({hour:h, act, pasos: pasosSet.has(h)})) }; }); const cellW = 40, cellH = 13, margin = {top:26,right:8,bottom:4,left:34}; const width = data.length*cellW + margin.left + margin.right; const height = 24*cellH + margin.top + margin.bottom; const svg = d3.create("svg").attr("viewBox",[0,0,width,height]).attr("width",width).attr("font-family","sans-serif"); const g = svg.append("g").attr("transform",`translate(${margin.left},${margin.top})`); g.selectAll("text.day").data(data).join("text").attr("class","day") .attr("x",(d,i)=>i*cellW+cellW/2).attr("y",-10).attr("text-anchor","middle") .attr("font-size",12).text(d=>d.name.split(" ")[0]); d3.range(0,24,3).forEach(h => g.append("text").attr("x",-8).attr("y",h*cellH+cellH/2+3.5) .attr("text-anchor","end").attr("font-size",10).attr("fill","#898781").text(String(h).padStart(2,"0")+"h")); const cols = g.selectAll("g.col").data(data).join("g").attr("class","col") .attr("transform",(d,i)=>`translate(${i*cellW},0)`); cols.each(function(day){ const col = d3.select(this); col.selectAll("rect").data(day.hours).join("rect") .attr("x",0).attr("y",d=>d.hour*cellH).attr("width",cellW).attr("height",cellH) .attr("fill",d=>ACTS[d.act].color).attr("stroke","#fcfcfb").attr("stroke-width",2) .append("title").text(d=>`${day.name} · ${String(d.hour).padStart(2,"0")}:00–${String(d.hour+1).padStart(2,"0")}:00\n${ACTS[d.act].label}${d.pasos?"\nCaminé (pasos)":""}`); col.selectAll("circle").data(day.hours.filter(d=>d.pasos)).join("circle") .attr("cx",cellW-7).attr("cy",d=>d.hour*cellH+cellH/2).attr("r",2.6) .attr("fill","#fcfcfb").attr("stroke","#0b0b0b").attr("stroke-width",1.5); }); const legend = document.createElement("div"); legend.style.cssText = "display:flex;gap:16px;flex-wrap:wrap;font-family:sans-serif;font-size:13px;margin:8px 0 14px"; legend.innerHTML = Object.values(ACTS).map(a => ` ${a.label} ` ).join("") + ` Hice pasos `; const totalHours = data.length * 24; const totals = { D:0, T:0, E:0, O:0 }; let pasosHours = 0, pasosDays = 0; data.forEach(day => { let dayHasPasos = false; day.hours.forEach(h => { totals[h.act]++; if (h.pasos){ pasosHours++; dayHasPasos = true; } }); if (dayHasPasos) pasosDays++; }); const stats = document.createElement("div"); stats.style.cssText = "display:flex;flex-direction:column;gap:8px;font-family:sans-serif;font-size:13px;margin-top:14px"; stats.innerHTML = `

${totals.D}h (${Math.round(totals.D/totalHours*100)}%) — Dormí

${totals.T}h (${Math.round(totals.T/totalHours*100)}%) — Trabajé

${totals.E}h (${Math.round(totals.E/totalHours*100)}%) — Estudié (u)

${totals.O}h (${Math.round(totals.O/totalHours*100)}%) — Ocio

${pasosHours}h — Caminé (${pasosDays} de ${data.length} días)

`; const container = document.createElement("div"); container.appendChild(legend); container.appendChild(svg.node()); container.appendChild(stats); return container; })();47:[] 44:{"id":"6053dd6432b13fb7","slug":"en-que-se-fue-mi-semana","title":"¿En qué se fue mi semana?","thumbnail":null,"access_level":"public","create_time":"$D2026-09-17T21:32:02.888Z","update_time":"$D2026-09-17T22:04:45.688Z","view_time":null,"first_public_time":"$D2026-09-17T22:02:26.215Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"80dba5b2d1d6b264","login":"lgalvanbr","name":"L Galvan","avatar_url":"https://avatars-next.observableusercontent.com/8f1b6534b5d930bcfa5799cede3327cccde6e8f0aa02ee34bc1cd2bf6739fcc2","tier":"starter_2024","bio":"","following":false},"version":33,"publish_version":33,"role":null,"authored":false,"authors":[{"type":"individual","id":"6b3e1612f66ac9b2","login":"lgalvanbr","name":"L Galvan","avatar_url":"https://avatars-next.observableusercontent.com/8f1b6534b5d930bcfa5799cede3327cccde6e8f0aa02ee34bc1cd2bf6739fcc2","tier":null,"bio":"","following":false}],"members":[{"type":"team","id":"80dba5b2d1d6b264","login":"lgalvanbr","name":"L Galvan","avatar_url":"https://avatars-next.observableusercontent.com/8f1b6534b5d930bcfa5799cede3327cccde6e8f0aa02ee34bc1cd2bf6739fcc2","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":"¿En qué se fue mi semana?","cells":[{"id":1,"value":"# ¿En qué se fue mi semana?\nRegistro análogo — Luis Carlos Galván Vergel, semana del 06 al 12 · Dear Data, Tarea #1\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"$46","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W47","stdlib":"2"}} 45:"$44:body"