31:T583,function fork_button() { return html``}32:[] 2f:{"title":"Actividad 2: Importación de datos y escalas","cells":[{"id":0,"value":"md`# Actividad 2: Importación de datos y escalas\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\nEn este práctico vamos a continuar trabajando con escalas, mapeos y carga de datos pero incorporando filtros controlados por el usuario.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"md`## Ejercicio a)\nA partir del dataset Iris [de esta dirección](https://raw.githubusercontent.com/holtzy/D3-graph-gallery/master/DATA/iris.csv), implementá una nueva version del scatter plot que permita al usuario elegir qué columna visualizar (\\`\\`\\`Sepal_Length, Sepal_Width, Petal_Length, Petal_Width\\`\\`\\`) sobre cada eje (\\`\\`\\`x\\`\\`\\` e \\`\\`\\`y\\`\\`\\`) para una determinada especie. Tengan en cuenta que pueden utilizar [estos componentes](https://observablehq.com/@jashkenas/inputs) para permitir la entrada del usuario. \n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":202,"value":"{\n // 1. Creación de un área de dibujo (350x350 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\",350)\n .attr(\"height\",350);\n \n // Un cuadro de texto.\n svg.append(\"text\")\n .attr(\"x\", 110)\n .attr(\"y\", 175)\n .text(\"Área de dibujo vacía\");\n \n \n // n. Retornamos el canvas.\n return svg.node(); \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"md`### Otras funciones auxiliares `","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"d3 = require(\"d3@5\", \"d3-hsv\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"function publish_button() { return html``}","pinned":false,"hidden":false,"mode":"ojs"},{"id":55,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}