2d:null 2e:["$","title",null,{"children":"1.4 TP-3: Introducción a Observable y D3 | Arturo S. Lewinger | Observable"}] 33:T465,// Armo el vector con todos los objetos "círculos" a graficar (17 en x y 17 en y) circulos_punto_c = { var coleccion = []; for(var x = 0; x < 17; x=x+1) { for(var y = 0; y < 17; y=y+1) { var pos_x = (x*15)+5; // posición en x (5 primer circulo,245 es la posición del último circulo de la derecha) var pos_y = (y*15)+5; // posición en y (5 primer circulo,245 es la posición del círculo de más abajo) var dif = (Math.abs(x-8) + Math.abs(y-8)); // El centro esta en el círculo 8, con lo cual tomo la posición relativa absoluta respecto a ésta (la de mayor tamaño) if(dif<2){ // los valores del centro (posición 8,8 o 7,8 8,7 9,8 8,9 ), quiero que sean los más grandes. Son cinco circulos iguales. var circle_elem = { "eje_x": pos_x, "eje_y": pos_y, "radio": 5, "color" : "black" } } else{ // el tamaño del resto inversamente proporcional a dif var circle_elem = { "eje_x": pos_x, "eje_y": pos_y, "radio": 7/(dif), "color" : "black" }; //Al radio lo afecta la distancia al centro 8,8 } coleccion.push(circle_elem); } } return coleccion; }34:T62c,// Armo el vector con todos los triangulos. triangulos_d = { var coleccion = []; for(var x = 0; x < 32; x=x+1) { // Cantidad de triangulos por fila (podría ponerse muchos mas y que se ajuste según el área del gráfico) for(var y = 0; y < 16; y=y+1) { // Cantidad de filas del gráfico var pico_x = x*8+1; var pico_y = y*16; // Con esto manejamos la posición de cada fila // si el x es par, triangulos amarillos sobre su base if(x%2 == 0){ var punta = `${pico_x},${pico_y}`; // punto del pico del triángulo var base_izq = `${pico_x-5},${pico_y+10}`; // punto del pico izquierdo del triángulo var base_der = `${pico_x+5},${pico_y+10}`; // punto del pico derecho del triángulo var points = punta+" "+base_izq+" "+base_der; // coordenadas del triangulo completo var triang_elem = { "puntos": points, "color": "yellow", "borde": "blue", "grosor_borde" : 1 } } // si el y es impar, triangulos rojos sobre su pico else{ var centro_base = `${pico_x},${pico_y}`; // punto central del techo del triángulo var base_izq = `${pico_x-5},${pico_y}`; // punto del pico izquierdo del triángulo var base_der = `${pico_x+5},${pico_y}`; // punto del pico derecho del triángulo var punta = `${pico_x},${pico_y+10}`; // punto del pico del triángulo var points = punta+" "+base_izq+" "+base_der; // coordenadas del triangulo completo var triang_elem = { "puntos": points, "color": "white", "borde": "red", "grosor_borde" : 1 }; } coleccion.push(triang_elem); } } return coleccion; }35:T583,function fork_button() { return html``}36:[] 31:{"id":"71c380dd4f655df4","slug":"1-4-tp-3-introduccion-a-observable-y-d3","title":"1.4 TP-3: Introducción a Observable y D3","thumbnail":"584aba9b0fa22541fc6503ba368ed49c66701ec98ffe89960b113f8b16ecd7cd","access_level":"public","create_time":"$D2020-06-23T16:05:13.413Z","update_time":"$D2020-06-24T22:58:00.997Z","view_time":null,"first_public_time":"$D2020-06-24T22:58:18.779Z","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":"db43a29a63143203","login":"artur","name":"Arturo S. Lewinger","avatar_url":"https://avatars-next.observableusercontent.com/b41da1af77a3165a766daeeabbf15891bcababb7034fd6b642c9a6d0e30bd931","tier":"starter_2024"},"version":537,"publish_version":537,"role":null,"authored":false,"authors":[{"type":"individual","id":"16d39114330bfb4e","login":"artur","name":"Arturo S. Lewinger","avatar_url":"https://avatars-next.observableusercontent.com/b41da1af77a3165a766daeeabbf15891bcababb7034fd6b642c9a6d0e30bd931","tier":null}],"members":[{"type":"individual","id":"16d39114330bfb4e","login":"artur","name":"Arturo S. Lewinger","avatar_url":"https://avatars-next.observableusercontent.com/b41da1af77a3165a766daeeabbf15891bcababb7034fd6b642c9a6d0e30bd931","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"1.4 TP-3: Introducción a Observable y D3","cells":[{"id":0,"value":"md`# 1.4 TP-3: Introducción a Observable y D3\n\nPor favor, para resolver los ejercicios del práctico 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":136,"value":"html`Publish`}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 32:"$31:body"