2e:null 2f:["$","title",null,{"children":"Tarea Dear Data - Entrega 2 | Julián Contreras | Observable"}] 34:Tadb,dearData = [ {dia:"Lunes", hora:5, tipo:"cafe", envase:"porcelana"}, {dia:"Lunes", hora:6, tipo:"agua", envase:"vidrio"}, {dia:"Lunes", hora:8, tipo:"agua", envase:"plastico"}, {dia:"Lunes", hora:10, tipo:"agua", envase:"plastico"}, {dia:"Lunes", hora:15, tipo:"agua", envase:"plastico"}, {dia:"Lunes", hora:16, tipo:"agua", envase:"plastico"}, {dia:"Lunes", hora:18, tipo:"cafe", envase:"plastico"}, {dia:"Lunes", hora:20, tipo:"jugo", envase:"vidrio"}, {dia:"Martes", hora:10, tipo:"cafe", envase:"porcelana"}, {dia:"Martes", hora:11, tipo:"agua", envase:"vidrio"}, {dia:"Martes", hora:12, tipo:"jugo", envase:"vidrio"}, {dia:"Martes", hora:14, tipo:"agua", envase:"plastico"}, {dia:"Martes", hora:15, tipo:"agua", envase:"plastico"}, {dia:"Martes", hora:17, tipo:"cafe", envase:"plastico"}, {dia:"Martes", hora:21, tipo:"jugo", envase:"vidrio"}, {dia:"Miercoles", hora:5, tipo:"cafe", envase:"porcelana"}, {dia:"Miercoles", hora:6, tipo:"agua", envase:"vidrio"}, {dia:"Miercoles", hora:11, tipo:"agua", envase:"vidrio"}, {dia:"Miercoles", hora:15, tipo:"agua", envase:"plastico"}, {dia:"Miercoles", hora:16, tipo:"agua", envase:"plastico"}, {dia:"Miercoles", hora:18, tipo:"cafe", envase:"plastico"}, {dia:"Jueves", hora:12, tipo:"jugo", envase:"plastico"}, {dia:"Jueves", hora:13, tipo:"agua", envase:"plastico"}, {dia:"Jueves", hora:14, tipo:"agua", envase:"plastico"}, {dia:"Jueves", hora:19, tipo:"jugo", envase:"vidrio"}, {dia:"Jueves", hora:21, tipo:"jugo", envase:"vidrio"}, {dia:"Viernes", hora:5, tipo:"cafe", envase:"porcelana"}, {dia:"Viernes", hora:6, tipo:"agua", envase:"vidrio"}, {dia:"Viernes", hora:10, tipo:"agua", envase:"plastico"}, {dia:"Viernes", hora:13, tipo:"agua", envase:"plastico"}, {dia:"Viernes", hora:15, tipo:"agua", envase:"vidrio"}, {dia:"Viernes", hora:19, tipo:"gaseosa", envase:"lata"}, {dia:"Sabado", hora:11, tipo:"cafe", envase:"porcelana"}, {dia:"Sabado", hora:12, tipo:"agua", envase:"plastico"}, {dia:"Sabado", hora:13, tipo:"agua", envase:"plastico"}, {dia:"Sabado", hora:15, tipo:"jugo", envase:"vidrio"}, {dia:"Sabado", hora:17, tipo:"cafe", envase:"plastico"}, {dia:"Sabado", hora:20, tipo:"jugo", envase:"vidrio"}, {dia:"Sabado", hora:21, tipo:"cafe", envase:"porcelana"}, {dia:"Domingo", hora:12, tipo:"cafe", envase:"porcelana"}, {dia:"Domingo", hora:15, tipo:"gaseosa", envase:"lata"}, {dia:"Domingo", hora:17, tipo:"cafe", envase:"plastico"}, {dia:"Domingo", hora:20, tipo:"jugo", envase:"vidrio"} ]35:T4f2,patterns = { const svg = d3.create("svg"); const defs = svg.append("defs"); const containers = ["porcelana", "plastico", "vidrio", "lata"]; function drawShape(sel, env, col) { if (env === "porcelana") { sel.append("line").attr("x1",4).attr("y1",1).attr("x2",4).attr("y2",7).attr("stroke",col); sel.append("line").attr("x1",1).attr("y1",4).attr("x2",7).attr("y2",4).attr("stroke",col); } else if (env === "plastico") { sel.append("line").attr("x1",0).attr("y1",8).attr("x2",8).attr("y2",0).attr("stroke",col); } else if (env === "vidrio") { sel.append("line").attr("x1",0).attr("y1",4).attr("x2",8).attr("y2",4).attr("stroke",col); } else if (env === "lata") { sel.append("rect").attr("x",2).attr("y",2).attr("width",4).attr("height",4).attr("fill","none").attr("stroke",col); } } Object.keys(color).forEach(tipo => { containers.forEach(env => { const p = defs.append("pattern") .attr("id", `pat-${tipo}-${env}`) .attr("width", 8).attr("height", 8) .attr("patternUnits", "userSpaceOnUse"); p.append("rect").attr("width",8).attr("height",8).attr("fill",color[tipo]).attr("opacity",0.12); drawShape(p, env, color[tipo]); }); }); return defs.node(); }36:T6a1,chart = { const dias = ["Lunes","Martes","Miercoles","Jueves","Viernes","Sabado","Domingo"]; const horas = d3.range(0, 24); const margin = {top: 30, left: 40}; const cellWidth = 70, cellHeight = 18; const width = margin.left + dias.length * cellWidth; const height = margin.top + horas.length * cellHeight; const x = d3.scaleBand(dias, [margin.left, width]); const y = d3.scaleBand(horas, [margin.top, height]); const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); svg.node().appendChild(patterns); svg.append("g") .selectAll("rect") .data(d3.cross(dias, horas)) .join("rect") .attr("x", d => x(d[0])) .attr("y", d => y(d[1])) .attr("width", x.bandwidth()) .attr("height", y.bandwidth()) .attr("fill", "#f4f4f4") .attr("stroke", "white"); svg.append("g") .selectAll("rect") .data(dearData) .join("rect") .attr("x", d => x(d.dia)) .attr("y", d => y(d.hora)) .attr("width", x.bandwidth()) .attr("height", y.bandwidth()) .attr("fill", d => `url(#pat-${d.tipo}-${d.envase})`) .attr("stroke", d => color[d.tipo]) .attr("stroke-width", 0.75); svg.append("g") .selectAll("text") .data(dias) .join("text") .attr("x", d => x(d) + x.bandwidth() / 2) .attr("y", margin.top - 8) .attr("text-anchor", "middle") .attr("font-size", 11) .text(d => d); svg.append("g") .selectAll("text") .data(horas) .join("text") .attr("x", margin.left - 6) .attr("y", d => y(d) + y.bandwidth() / 2 + 3) .attr("text-anchor", "end") .attr("font-size", 9) .text(d => d); return svg.node(); }37:[] 32:{"id":"e9ad9a84fea319dd","slug":"tarea-dear-data-entrega-2","title":"Tarea Dear Data - Entrega 2","thumbnail":"531572b7cd5516f0d55092c9ea2ac032b2597931a24fb6fd551286f4d850755a","access_level":"public","create_time":"$D2026-09-17T22:32:38.069Z","update_time":"$D2026-09-17T22:48:58.330Z","view_time":null,"first_public_time":"$D2026-09-17T22:32:53.179Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"97d57f78404a482d","login":"julian-contreras","name":"Julián Contreras ","avatar_url":"https://avatars-next.observableusercontent.com/a4ccb364cab56be0ea49722109e3b91a445aea6c9644e23307bf526cd2ed5ae8","tier":"starter_2024"},"version":51,"publish_version":51,"role":null,"authored":false,"authors":[{"type":"individual","id":"be0b66e27ddcbd12","login":"julian-contreras","name":"Julián Contreras ","avatar_url":"https://avatars-next.observableusercontent.com/a4ccb364cab56be0ea49722109e3b91a445aea6c9644e23307bf526cd2ed5ae8","tier":null}],"members":[{"type":"team","id":"97d57f78404a482d","login":"julian-contreras","name":"Julián Contreras ","avatar_url":"https://avatars-next.observableusercontent.com/a4ccb364cab56be0ea49722109e3b91a445aea6c9644e23307bf526cd2ed5ae8","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Tarea Dear Data - Entrega 2","cells":[{"id":1,"value":"# Tarea Dear Data - Entrega 2","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"#### **1.** Dear Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"#### **2.** Color","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"color = ({\n cafe: \"#2e7d5b\",\n agua: \"#e08a3c\",\n jugo: \"#4a6fd4\",\n gaseosa: \"#d33f3f\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"#### **3.** Patterns","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"#### **4.** Chart","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"$36","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"#### **5.** Leyenda de colores","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"

\n Café\n Agua\n Jugo\n Gaseosa\n

","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"#### **6.** Leyenda de envases","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"

\n + Porcelana\n / Plástico\n - Vidrio\n □ Lata\n

","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"2","titling":"auto"}} 33:"$32:body"