2e:null 2f:["$","title",null,{"children":"Tarea Dear Data | Julián Contreras | Observable"}] 34:T721,dearData = [ {dia:"Lunes", hora:5, tipo:"cafe"}, {dia:"Lunes", hora:6, tipo:"agua"}, {dia:"Lunes", hora:10, tipo:"agua"}, {dia:"Lunes", hora:15, tipo:"agua"}, {dia:"Lunes", hora:16, tipo:"agua"}, {dia:"Lunes", hora:18, tipo:"cafe"}, {dia:"Lunes", hora:20, tipo:"jugo"}, {dia:"Martes", hora:10, tipo:"cafe"}, {dia:"Martes", hora:11, tipo:"agua"}, {dia:"Martes", hora:12, tipo:"jugo"}, {dia:"Martes", hora:14, tipo:"agua"}, {dia:"Martes", hora:15, tipo:"agua"}, {dia:"Martes", hora:17, tipo:"cafe"}, {dia:"Martes", hora:21, tipo:"jugo"}, {dia:"Miercoles", hora:5, tipo:"cafe"}, {dia:"Miercoles", hora:6, tipo:"agua"}, {dia:"Miercoles", hora:11, tipo:"agua"}, {dia:"Miercoles", hora:15, tipo:"agua"}, {dia:"Miercoles", hora:16, tipo:"agua"}, {dia:"Miercoles", hora:18, tipo:"cafe"}, {dia:"Jueves", hora:12, tipo:"jugo"}, {dia:"Jueves", hora:13, tipo:"agua"}, {dia:"Jueves", hora:14, tipo:"agua"}, {dia:"Jueves", hora:19, tipo:"jugo"}, {dia:"Jueves", hora:21, tipo:"jugo"}, {dia:"Viernes", hora:5, tipo:"cafe"}, {dia:"Viernes", hora:6, tipo:"agua"}, {dia:"Viernes", hora:10, tipo:"agua"}, {dia:"Viernes", hora:13, tipo:"agua"}, {dia:"Viernes", hora:15, tipo:"agua"}, {dia:"Viernes", hora:19, tipo:"gaseosa"}, {dia:"Sabado", hora:11, tipo:"cafe"}, {dia:"Sabado", hora:12, tipo:"agua"}, {dia:"Sabado", hora:13, tipo:"agua"}, {dia:"Sabado", hora:15, tipo:"jugo"}, {dia:"Sabado", hora:17, tipo:"cafe"}, {dia:"Sabado", hora:20, tipo:"jugo"}, {dia:"Sabado", hora:21, tipo:"cafe"}, {dia:"Domingo", hora:12, tipo:"cafe"}, {dia:"Domingo", hora:15, tipo:"gaseosa"}, {dia:"Domingo", hora:17, tipo:"cafe"}, {dia:"Domingo", hora:20, tipo:"jugo"} ]35:T61d,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.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 => color[d.tipo]); 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(); }36:[] 32:{"id":"95bf2fe0d236051b","slug":"tarea-dear-data","title":"Tarea Dear Data","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2026-09-10T19:15:28.366Z","update_time":"$D2026-09-10T19:18:26.280Z","view_time":null,"first_public_time":"$D2026-09-10T19:18:49.964Z","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":33,"publish_version":33,"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","cells":[{"id":1,"value":"# Tarea Dear Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"#### **1.** Escala de color","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"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":5,"value":"#### **2.** Arreglo Dear Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"#### **3.** Leyenda","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"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":9,"value":" #### **4.** Gráfico","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"2","titling":"auto"}} 33:"$32:body"