31:[] 2f:{"title":"Mi visualización","cells":[{"id":0,"value":"# Mi visualización","pinned":true,"hidden":false,"mode":"md"},{"id":8,"value":"4 * 6 + 2 // esto es un comentario","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"{\n var x = 0;\n\n for (let i = 1; i <= 100; i++)\n {\n x += 1;\n } \n \n return x;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"margenes = ({ top: 20, right: 20, bottom: 30, left: 40})","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"poligonos = [{nombre: \"circulo\", radio: 15},{nombre: \"cuadrado\", lado: 5}]","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"function saludar(nombre){\n return `Hola ${nombre}!`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"saludar(\"Susana\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":37,"value":"html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":47,"value":"arreglo = [12,20,15,25,18]","pinned":true,"hidden":false,"mode":"ojs"},{"id":55,"value":"html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":65,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":69,"value":"{\n // 1. Creación de área de dibujo\n const svg = d3.create(\"svg\")\n .attr(\"width\",512)\n .attr(\"height\",90)\n\n // 2. \n var circulos = svg.selectAll(\"circle\")\n .data(arreglo)\n .enter()\n .append(\"circle\");\n\n circulos.attr(\"cx\",30).attr(\"cy\",30).attr(\"r\", function(d) {return d;} )\n\n\n // Retorno el nodo\n return svg.node()\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":88,"value":"coleccion_de_circulos = [\n {eje_x: 50, eje_y: 50,radio: 29, color:\"#ffbe0b\"},\n {eje_x: 150,eje_y: 50,radio: 20, color:\"#fb5607\"},\n {eje_x: 250,eje_y: 50,radio: 28, color:\"#fb5607\"},\n {eje_x: 350,eje_y: 50,radio: 28, color:\"#fb5607\"},\n {eje_x: 450,eje_y: 50,radio: 18, color:\"#fb5607\"},\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":92,"value":"{\n // 1. Creación de área de dibujo\n const svg = d3.create(\"svg\")\n .attr(\"width\",512)\n .attr(\"height\",90)\n\n // 2. \n var circulos = svg.selectAll(\"circle\")\n .data(coleccion_de_circulos)\n .enter()\n .append(\"circle\");\n\n circulos.attr(\"cx\", function(d) {return d.eje_x;} )\n .attr(\"cy\", function(d) {return d.eje_y;} )\n .attr(\"r\", function(d) {return d.radio;} )\n .style(\"fill\", function(d) {return d.color;})\n\n\n // Retorno el nodo\n return svg.node()\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}