2e:null 2f:["$","title",null,{"children":"1.5 RECUPERATORIO TP-3: Introducción a Observable y D3 | Emmanuel Iarussi | Observable"}] 34:T583,function fork_button() { return html``}35:[] 32:{"id":"a5a17ee82b5eb365","slug":"1-5-recuperatorio-tp-3-introduccion-a-observable-y-d3","title":"1.5 RECUPERATORIO TP-3: Introducción a Observable y D3","thumbnail":"9d9eb0c34807cc542a5cd40461c055d842799e7b1fcbbf24f2d14de9a7ddfb98","access_level":"public","create_time":"$D2020-06-26T13:27:41.268Z","update_time":"$D2020-06-26T22:06:00.072Z","view_time":null,"first_public_time":"$D2020-06-26T14:12:39.658Z","has_unpublished_edits":null,"fork":{"id":"7b099e40d374b25d","slug":"1-4-tp-3-introduccion-a-observable-y-d3","title":"1.4 TP-3: Introducción a Observable y D3","owner":{"id":"d82594a3ec5e62c6","login":"emmanueliarussi","name":"Emmanuel Iarussi"}},"stars":0,"starred":false,"owner":{"type":"team","id":"d82594a3ec5e62c6","login":"emmanueliarussi","name":"Emmanuel Iarussi","avatar_url":"https://avatars-next.observableusercontent.com/0fd6fef97f520583a819cb0fa096c1632e930c7a0ff463dc6835a5bddbdfac3f","tier":"pro_2024"},"version":260,"publish_version":260,"role":null,"authored":false,"authors":[{"type":"individual","id":"66ee3c2166ccf72d","login":"emmanueliarussi","name":"Emmanuel Iarussi","avatar_url":"https://avatars-next.observableusercontent.com/0fd6fef97f520583a819cb0fa096c1632e930c7a0ff463dc6835a5bddbdfac3f","tier":null}],"members":[{"type":"individual","id":"66ee3c2166ccf72d","login":"emmanueliarussi","name":"Emmanuel Iarussi","avatar_url":"https://avatars-next.observableusercontent.com/0fd6fef97f520583a819cb0fa096c1632e930c7a0ff463dc6835a5bddbdfac3f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"title":"1.5 RECUPERATORIO TP-3: Introducción a Observable y D3","cells":[{"id":0,"value":"md`# 1.5 RECUPERATORIO TP-3: Introducción a Observable y D3\n\nPor favor, para resolver los ejercicios del recuperatorio utilizá este mismo notebook. Podés crearte una copia en tu propia cuenta de Observable haciendo click en ${fork_button()} (arriba a la derecha). Tus modificaciones a esa copia no afectarán el notebook original. Una vez terminado, no olviden apretar el botón ${publish_button()} (arriba a la derecha) para que el notebook sea público y podamos acceder para su corrección. Después de cada modificación que realicen al notebook deberán volver apretar el boton Publish si quieren que esa modificación se vuelva visible para cualquier otro usuario.\n\nLes recordamos que es posible crear círculos y polígonos de la siguiente manera:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"html`

\n `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"{\n // 1. Creación de un área de dibujo (256x256 pixeles).\n // Si lo consideran necesario, pueden modificar el tamaño del canvas.\n // También es posible que necesiten más de una celda para resolverlo.\n const svg = d3.create(\"svg\")\n .attr(\"width\",256)\n .attr(\"height\",256);\n \n // Un cuadro de texto.\n svg.append(\"text\")\n .attr(\"x\", 50)\n .attr(\"y\", 128)\n .text(\"Área de dibujo vacía\");\n \n // n. Retornamos el canvas.\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"// Función para generar hexágonos en x,y de radio r. \nfunction hexagon(x, y, r) {\n var x1 = x;\n var y1 = y - r;\n var x2 = x + Math.cos(Math.PI / 6) * r;\n var y2 = y - Math.sin(Math.PI / 6) * r;\n var x3 = x + Math.cos(Math.PI / 6) * r;\n var y3 = y + Math.sin(Math.PI / 6) * r;\n var x4 = x;\n var y4 = y + r;\n var x5 = x - Math.cos(Math.PI / 6) * r;\n var y5 = y + Math.sin(Math.PI / 6) * r;\n var x6 = x - Math.cos(Math.PI / 6) * r;\n var y6 = y - Math.sin(Math.PI / 6) * r;\n\n var path = x1 + ',' + y1 + \" \" + x2 + ',' + y2 + \" \" + x3 + ',' + y3 + \" \" + x4 + ',' + y4 + \" \" + x5 + ',' + y5 + \" \" + x6 + ',' + y6;\n return path;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"md`### Otras funciones auxiliares `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"function publish_button() { return html``}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 33:"$32:body"