2c:null 2d:["$","title",null,{"children":"Experimentos Club | Sergio Rodríguez Gómez | Observable"}] 32:T63e,{ // WALL DRAWING 1152 // https://massmoca.org/event/walldrawing1152/ const w = 1000; const h = 500; const svg = d3.create("svg").attr("width",w).attr("height",h); svg.append("rect").attr("width",w).attr("height",h).style("fill","black"); const mx = w / 25; const mitad = w/2; const tamano = mitad - (mx * 2); const radio = tamano / 2; const glinea = svg.append("g"); const divs = 150; const sep = w / divs; for (let i = 0; i < divs; i++) { const x = i * sep; const linea = d3.line()([[x, 0],[x, h]]); glinea.append("path").attr("d",linea).style("stroke","white"); } const gcuadrado = svg.append("g").attr("transform",`translate(${mx},${mx})`); gcuadrado.append("rect") .attr("width",tamano) .attr("height",tamano) .style("stroke","white") .style("fill", "black") const gcirculo = svg.append("g").attr("transform",`translate(${mitad + mx},${mx})`); gcirculo.append("circle") .attr("cx", radio) .attr("cy", radio) .attr("r", radio) .style("stroke","white") .style("fill", "black") const divsForma = tamano / sep; for (let i = 0; i < divsForma; i++) { const y = i * sep; const linea = d3.line()([[0, y],[tamano, y]]); gcuadrado.append("path").attr("d",linea).style("stroke","white"); const opp = (y - radio); const wCirc = 2 * Math.sqrt(radio * radio - opp * opp); const offset = radio - wCirc/2; const lineaCirc = d3.line()([[offset, y],[offset + wCirc, y]]); gcirculo.append("path").attr("d",lineaCirc).style("stroke","white"); } return svg.node(); }33:T46a,{ // WALL DRAWING 610 // Isometric figure color ink washes superimposed const w = 500; const h = 500; const svg = d3.create("svg").attr("width", w).attr("height", h); svg.append("rect").attr("width",w).attr("height",h).style("fill",`hsl(${now/100},100%,50%)`); const path = d3.path(); // const escalones = Math.floor((Math.sin(now/1000) + 1) * 5) + 4//4; const m = w * 0.1; const wm = w - (m * 4); const hm = h - (m * 4); const tam = wm / escalones; const g = svg.append("g").attr("transform", `translate(${m},${m*3})`); path.moveTo(0,hm); for (let i = 0; i < escalones; i++) { let x = tam * i; let y = tam * i; path.lineTo(x, y); path.lineTo(x + tam, y); const path2 = d3.path(); path2.moveTo(x,y); path2.lineTo(x + tam, y); path2.lineTo(x + (tam*2), y-tam); path2.lineTo(x + tam, y-tam); path2.closePath(); g.append("path").style("fill",`hsl(${200 + now/100},100%,50%)`).attr("d",path2); } path.lineTo(wm, hm); path.closePath(); g.append("path").style("fill",`hsl(${100 + now/100},100%,50%)`).attr("d",path); return svg.node(); }34:T55d,{ // WALL DRAWING 610 // Isometric figure color ink washes superimposed const w = 500; const h = 500; const svg = d3.create("svg").attr("width", w).attr("height", h); const divs = 20; const sepw = w / divs; const seph = h / divs; for (let i = 0; i < divs; i++) { const lw = Math.abs(w - (i * sepw * 2)); let cursorx = 0; let finishedx = false; while(!finishedx) { let advx = Math.floor(sepw + Math.random() * (w/10)); if (cursorx + advx > lw) { advx = lw - cursorx + sepw; finishedx = true; } svg.append("rect") .attr("x",(w/2) + cursorx - (lw/2)) .attr("y", i * sepw) .attr("width", advx) .attr("height", sepw) .style("fill", `hsl(${Math.random() * 100},70%,50%)`) cursorx += advx; } const lh = Math.abs(h - (i * seph * 2)); let cursory = 0; let finishedy = false; while(!finishedy) { let advy = Math.floor(50 + Math.random() * (w/15)); if (cursory + advy >= lh) { advy = lh - cursory; finishedy = true; } svg.append("rect") .attr("y",(h/2) + cursory - (lh/2)) .attr("x", i * seph) .attr("height", advy) .attr("width", seph) .style("fill", `hsl(${Math.random() * 100},70%,50%)`) cursory += advy; } } return svg.node(); }35:T6c0,{ // TRUCHET TILES const w = 500; const h = 500; const svg = d3.create("svg").attr("width", w).attr("height", h).style("background", "white"); const tiles = 10 const div = w/tiles; const inner = (div/2)-1; const outer = (div/2)+1 for (let y = 0; y < tiles; y++) { for (let x = 0; x < tiles; x++) { const cont = svg.append("g").attr("transform",`translate(${x * div},${y * div})`); const fn = randomFromArray([tile1, tile2]); fn(cont); } } return svg.node(); function randomFromArray(arr) { return arr[Math.floor(Math.random() * arr.length)]; } function tile1(cont) { const a = Math.PI / 2; const arc = d3.arc().innerRadius(inner).outerRadius(outer).startAngle(a).endAngle(a + (Math.PI/2)); const g = cont.append("g").attr("transform",`translate(${0},${0})`) g.append("path").attr("d", arc).attr("fill","black"); const a2 = -Math.PI / 2; const arc2 = d3.arc().innerRadius(inner).outerRadius(outer).startAngle(a2).endAngle(a2 + (Math.PI/2)); const g2 = cont.append("g").attr("transform",`translate(${div},${div})`) g2.append("path").attr("d", arc2).attr("fill","black"); } function tile2(cont) { const a = Math.PI; const arc = d3.arc().innerRadius(inner).outerRadius(outer).startAngle(a).endAngle(a + (Math.PI/2)); const g = cont.append("g").attr("transform",`translate(${div},${0})`) g.append("path").attr("d", arc).attr("fill","black"); const a2 = 0; const arc2 = d3.arc().innerRadius(inner).outerRadius(outer).startAngle(a2).endAngle(a2 + (Math.PI/2)); const g2 = cont.append("g").attr("transform",`translate(${0},${div})`) g2.append("path").attr("d", arc2).attr("fill","black"); } }36:T442,{ const w = 500; const h = 500; const svg = d3.create("svg").attr("width", w).attr("height", h); const g = svg.append("g"); const numeroEstrellas = 100; const estrellas = []; for (let i = 0; i < numeroEstrellas; i++) { estrellas[i] = {pos: estrella(posEstrellas[i].p, posEstrellas[i].off), off: posEstrellas[i]}; } const path = d3.line(); g.selectAll("path") .data(estrellas) .join("path") .attr("transform", d => `translate(${d.off.ox}, ${d.off.oy})`) .attr("fill", d => `hsl(${(d.off.off * 180) + (now/100)},100%, 50%)`) .attr("d", d => path(d.pos)) return svg.node(); function estrella(p, off) { const puntas = p; const divs = puntas * 2; const a = (2 * Math.PI) / divs; const rexterno = 20; const rinterno = 10; const puntos = []; for (let i = 0; i < divs * 2; i++) { const r = i % 2 === 0 ? rexterno : rinterno; const t = (now / 1000 + i) + off; const x = Math.cos(a * t) * r; const y = Math.sin(a * t) * r; puntos[i] = [x, y]; } return puntos } }37:[{"id":"fcf312ec829474104e6ad79c853bf7ebd6a0de3713428a9b0d30051bd514fae1451e9f5374d86ba7ecde66a45db8099cbace3bb8696780a620b96cf77de61271","href":"https://static.observableusercontent.com/files/fcf312ec829474104e6ad79c853bf7ebd6a0de3713428a9b0d30051bd514fae1451e9f5374d86ba7ecde66a45db8099cbace3bb8696780a620b96cf77de61271","name":"WantedFBI.json","type":"application/json","lastModified":1691551757229.596,"size":3398679},{"id":"9cd99a5459f838d50443753e71c9bdffaf1715d10e3eb0304cde743d7da1930c6b8fcaa76ce6283655e2b9c57190cb4a8d2c36e3de54ae13c2a6de5a765713d6","href":"https://static.observableusercontent.com/files/9cd99a5459f838d50443753e71c9bdffaf1715d10e3eb0304cde743d7da1930c6b8fcaa76ce6283655e2b9c57190cb4a8d2c36e3de54ae13c2a6de5a765713d6","name":"ProgramasArtes.csv","type":"text/csv","lastModified":1691629147238.558,"size":75260},{"id":"30936ac8d2b99a40bdf6749010c0ede941a77bc6da9ffe8a40e149005e00fcb0f7164fc7d7195a0ace5c42bbd0817e3481fba3d6a1bdb934bdbe0d8e657e62b3","href":"https://static.observableusercontent.com/files/30936ac8d2b99a40bdf6749010c0ede941a77bc6da9ffe8a40e149005e00fcb0f7164fc7d7195a0ace5c42bbd0817e3481fba3d6a1bdb934bdbe0d8e657e62b3","name":"ArtcrimesFBI.json","type":"application/json","lastModified":1691552673061.999,"size":4661078},{"id":"c4b1c28e8969ee06a58be24f636b5bf0ea9dd374e251950e5f8bbb5cf02f93ecc9aa87de7a5131655c7e075576028189c149b7e18609b74f4f14a21424ea37e4","href":"https://static.observableusercontent.com/files/c4b1c28e8969ee06a58be24f636b5bf0ea9dd374e251950e5f8bbb5cf02f93ecc9aa87de7a5131655c7e075576028189c149b7e18609b74f4f14a21424ea37e4","name":"Colombia.geo.json","type":"application/json","lastModified":1691635741881.281,"size":1519597},{"id":"2c2444196900cae3cde5dd9d70150778a63864058e60a558b05691ac7bac630a0b917a67d684739020bcb08ca36ebc7fea8cbf33e6c6b7ae6c3982d824e59bfa","href":"https://static.observableusercontent.com/files/2c2444196900cae3cde5dd9d70150778a63864058e60a558b05691ac7bac630a0b917a67d684739020bcb08ca36ebc7fea8cbf33e6c6b7ae6c3982d824e59bfa","name":"DIVIPOLA_Municipios@1.csv","type":"text/csv","lastModified":1691636526909.286,"size":89349},{"id":"31bb646530cce2476ea18961001cd973918c504e2428e44d7768c69071ffdad6ee771555852a37c5c76c9e54ec25289c6989bcf7252fbb118ceacc17732f0c4d","href":"https://static.observableusercontent.com/files/31bb646530cce2476ea18961001cd973918c504e2428e44d7768c69071ffdad6ee771555852a37c5c76c9e54ec25289c6989bcf7252fbb118ceacc17732f0c4d","name":"DIVIPOLA_Municipios@2.csv","type":"text/csv","lastModified":1691636702780.553,"size":88649},{"id":"3a73008258129b46fbf834cb751ba0833296e7d4186e699f57437a33c0dfd44c0e0750590440d97bf2d2c3b975a10b55f9a97ee717ea5463bb4f11eaedf56eab","href":"https://static.observableusercontent.com/files/3a73008258129b46fbf834cb751ba0833296e7d4186e699f57437a33c0dfd44c0e0750590440d97bf2d2c3b975a10b55f9a97ee717ea5463bb4f11eaedf56eab","name":"yoapoyoamipolicia_2021-04-25T00:01:00.00Z_2021-06-01T00:01:00.00Z.csv","type":"text/csv","lastModified":1693579362552.04,"size":10741928}] 30:{"id":"30509a4ec33d7b6e","slug":null,"title":"Experimentos Club","thumbnail":"1450138d05d825ea9ab42888b078b58c8f3854d85a604323aaedf855531ce58f","access_level":"public","create_time":"$D2023-08-09T02:54:03.658Z","update_time":"$D2023-09-16T17:29:34.461Z","view_time":null,"first_public_time":"$D2023-08-09T02:54:03.658Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"305bf5080ae4580a","login":"srsergiorodriguez","name":"Sergio Rodríguez Gómez","avatar_url":"https://avatars-next.observableusercontent.com/6326606b0640f2597b352da73f7c073f29b44d4060f66cc47c575dd937903b31","tier":"starter_2024"},"version":1240,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"7d80462b6b41d223","login":"srsergiorodriguez","name":"Sergio Rodríguez Gómez","avatar_url":"https://avatars-next.observableusercontent.com/6326606b0640f2597b352da73f7c073f29b44d4060f66cc47c575dd937903b31","tier":null}],"members":[{"type":"individual","id":"7d80462b6b41d223","login":"srsergiorodriguez","name":"Sergio Rodríguez Gómez","avatar_url":"https://avatars-next.observableusercontent.com/6326606b0640f2597b352da73f7c073f29b44d4060f66cc47c575dd937903b31","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Experimentos Club","cells":[{"id":0,"value":"# Experimentos Club","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":32,"value":"//https://api.fbi.gov/","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"wanteddata = (await FileAttachment(\"WantedFBI.json\").json())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"// data = {\n// let agrupado = [];\n// let itemsPorPag = 50;\n// let items = (await d3.json(\"https://api.fbi.gov/@wanted\")).total\n\n// for (let i = 0; i <= Math.ceil(items / itemsPorPag); i++) {\n// let pag = (await d3.json(`https://api.fbi.gov/@wanted?pageSize=${itemsPorPag}&page=${i}`)).items;\n// agrupado = [...agrupado, ...pag]\n// }\n// return agrupado\n// }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"races = d3.rollups(wanteddata, v => v.length, d => d.race_raw).filter(d => d[1] > 10);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"Plot.plot({\n width,\n marginLeft: 120,\n marks: [\n Plot.barX(wanteddata, Plot.groupY({x: \"count\"}, {y:\"race_raw\", sort: {y: \"x\", reverse: true, limit: 10}})),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"Plot.plot({\n width,\n marginLeft: 120,\n marginRight: 100,\n marks: [\n Plot.barX(wanteddata, Plot.groupY(\n {\n x: \"count\"\n }, \n {\n // filter: d => wantedcounts.get(d.race_raw) > 10,\n fy: \"sex\",\n y: \"race_raw\",\n fill: \"sex\",\n sort: {y: \"x\", reverse: true, limit: 5}\n }\n )),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":222,"value":"wantedcounts = d3.rollup(wanteddata, v => v.length, d => d.race_raw);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"Plot.plot({\n marginLeft: 300,\n color: {\n scheme: \"Blues\",\n legend: true,\n },\n marks: [\n Plot.cell(wanteddata, {\n ...Plot.group({fill: \"count\"}, {y: \"race_raw\", x: \"sex\"}),\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"// artcrimes = {\n// let agrupado = [];\n// let itemsPorPag = 50;\n// let items = (await d3.json(\"https://api.fbi.gov/@artcrimes\")).total\n\n// for (let i = 0; i <= Math.ceil(items / itemsPorPag); i++) {\n// let pag = (await d3.json(`https://api.fbi.gov/@artcrimes?pageSize=${itemsPorPag}&page=${i}`)).items;\n// agrupado = [...agrupado, ...pag]\n// }\n// return agrupado\n// }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"artcrimes = FileAttachment(\"ArtcrimesFBI.json\").json({typed: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"rollup = d3.groups(artcrimes, d => d.crimeCategory)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"Plot.plot({\n marginLeft: 200,\n marks: [\n Plot.barX(artcrimes, Plot.groupY({x: \"count\"},{\n // filter: d => d3.rollup(artcrimes, v=>v.length,d=>d.crimeCategory).get(d.crimeCategory) > 100,\n fy: \"isStealth\",\n y: \"crimeCategory\",\n sort: {y: \"x\", reverse: true, limit: 10}\n })),\n Plot.ruleX([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":255,"value":"{\n\n const w = width;\n const h = 300;\n const svg = d3.create(\"svg\").attr(\"height\", h).attr(\"width\", w);\n const bg = svg.append(\"rect\").attr(\"height\",h).attr(\"width\",w).style(\"fill\",\"red\");\n\n const u = w/21;\n const a = 360/9;\n\n for (let i = 0; i < 10; i++) {\n const g = svg.append(\"g\")\n .attr(\"transform\", `translate(${u+i*u*2}, ${h/2}) rotate(${i*a})`)\n \n g.append(\"rect\")\n .attr(\"x\",-u/2)\n .attr(\"y\",-u*1.5)\n .attr(\"width\", u)\n .attr(\"height\", u*3)\n // .style(\"stroke\", \"black\")\n .style(\"fill\", `rgb(${50+Math.random()*200},0,0)`)\n }\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":329,"value":"lenguasNativas = (await d3.json(\"https://www.datos.gov.co/resource/734h-gxtn.json\")).map( d => ({...d, path: d.familia_ling_stica + \".\" + d.nombre_de_lengua})); //https://www.datos.gov.co/Cultura/Mapa-Sonoro-Lenguas-Nativas-de-Colombia/734h-gxtn","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":524,"value":"map = {\n const svg = d3.create(\"svg\").attr(\"width\", width).attr(\"height\", 500);\n\n const g = svg.append(\"g\");\n\n const rscale = d3.scaleLinear([0,0.01]).domain(d3.extent(lenguasNativas, d => d.n_mero_de_hablantes))\n\n g.append(\"path\")\n .attr(\"d\", pathGenerator(mapaColombia))\n .attr(\"fill\", \"#ddd\")\n .attr(\"stroke\", \"black\")\n \n svg.append(\"g\")\n .selectAll(\"circle\")\n .data(lenguasNativas)\n .join(\"circle\")\n .attr(\"transform\", d => {\n const {lat, lon} = deptos[d.departamento];\n return `translate(${projection([lon,lat])})`\n })\n .attr(\"cx\", 0)\n .attr(\"cy\", 0)\n .attr(\"fill\", \"red\")\n .attr(\"r\", d => rscale(d.n_mero_de_hablantes))\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":425,"value":"Treemap(lenguasNativas, {\n path: (d) => d.path.replaceAll(\".\", \"/\"),\n label: (d) => d.path.split(\".\").pop(),\n group: (d) => d.path.split(\".\")[0],\n value: (d) => d?.n_mero_de_hablantes,\n title: (d, n) => n.id,\n width,\n height: 500\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":482,"value":"Plot.plot({\n width,\n x: {\n domain: [0, 30000],\n },\n color: {legend: true},\n marks: [\n Plot.rectY(lenguasNativas, Plot.binX({y: \"count\"}, {fill: \"familia_ling_stica\", x:\"n_mero_de_hablantes\", thresholds: 500})),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":489,"value":"Plot.plot({\n grid: true,\n round: true,\n x: {label: \"Número de hablantes\"},\n marginLeft: 100,\n color: {\n scheme: \"YlGnBu\"\n },\n marks: [\n Plot.rect(lenguasNativas, Plot.bin({fill: \"count\"}, {x: \"n_mero_de_hablantes\", y: \"n_mero_de_habitantes\", inset: 0}))\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":"Plot.plot({\n axis: null,\n margin: 20,\n height: 1000,\n marginRight: 120,\n marks: [\n Plot.tree(lenguasNativas, {path: \"path\", delimiter: \".\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":444,"value":"Plot.plot({\n marginLeft: 150,\n marks: [\n Plot.barX(lenguasNativas, Plot.groupY({x: \"count\"},{fill: \"red\", y: \"vitalidad\", sort: {y: \"x\", reverse: true}})),\n Plot.ruleX([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":463,"value":"programasArtes = (await FileAttachment(\"ProgramasArtes.csv\").csv())\n .filter(d => d.ESTADO_PROGRAMA === \"Activo\")\n .map(d => ({\n ...d, \n COSTO_MATRÍCULA_ESTUD_NUEVOS: +d.COSTO_MATRÍCULA_ESTUD_NUEVOS,\n \"NÚMERO_CRÉDITOS\": +d[\"NÚMERO_CRÉDITOS\"]\n }))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"Plot.plot({\n width,\n marginLeft: 450,\n marks: [\n Plot.barX(programasArtes, {x: \"COSTO_MATRÍCULA_ESTUD_NUEVOS\", y: \"NOMBRE_INSTITUCIÓN\", sort: {y: \"x\", reverse: true}}),\n Plot.ruleX([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":517,"value":"mapaColombia = (await FileAttachment(\"Colombia.geo.json\").json())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":556,"value":"divipola = FileAttachment(\"DIVIPOLA_Municipios@2.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":559,"value":"deptos = {\n const deptos = {};\n for (let e of divipola) {\n if (deptos[e.NombreDepto] === undefined) {\n const n = e.NombreDepto === \"NORTE DE SANTANDER\" ? \"N. SANTANDER\": e.NombreDepto.includes(\"ANDRÉS\") ? \"SAN ANDRÉS\" : e.NombreDepto;\n deptos[n] = {lat: +e.LATITUD, lon: +e.LONGITUD}\n } else {\n continue\n }\n }\n return deptos\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":799,"value":"viewof gui = Inputs.form({\n rinterno: Inputs.range([0, 100], {label: \"Radio interno\", step: 1}),\n rexterno: Inputs.range([50, 300], {label: \"Radio externo\", step: 1}),\n puntas: Inputs.range([0, 20], {label: \"Puntas\", step: 1}),\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":611,"value":"{\n const w = 500;\n const h = 500;\n const svg = d3.create(\"svg\").attr(\"width\", w).attr(\"height\", h);\n\n svg.append(\"rect\").attr(\"width\",w).attr(\"height\",h).style(\"fill\",`hsl(${now/100},100%,50%)`);\n\n const g = svg.append(\"g\").attr(\"transform\",`translate(${w/2},${h/2})`);\n\n const path = d3.path();\n\n const puntas = gui.puntas;\n const divs = puntas * 2;\n const peri = 2 * Math.PI;\n const a = peri / divs;\n const rexterno = gui.rexterno; //100;\n const rinterno = gui.rinterno; //10;\n\n for (let i = 0; i < divs * 2; i++) {\n let x;\n let y;\n const t = now/1000 + i;\n if (i % 2 === 0) {\n x = Math.cos(a * t) * rexterno;\n y = Math.sin(a * t) * rexterno;\n } else {\n x = Math.cos(a * t) * rinterno;\n y = Math.sin(a * t) * rinterno;\n }\n if (i === 0) path.moveTo(x,y);\n path.lineTo(x,y);\n }\n path.closePath();\n\n g.append(\"path\").style(\"fill\",`hsl(${100 - now/100},100%,50%)`).attr(\"d\",path);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":632,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":825,"value":"{\n const w = 500;\n const h = 500;\n const svg = d3.create(\"svg\").attr(\"width\", w).attr(\"height\", h);\n\n const nrects = 10;\n const hrect = h / nrects;\n\n for (let i = 0; i < nrects; i++) {\n const y = i * hrect;\n const col = (now / 100) + (i * 10);\n svg.append(\"rect\")\n .attr(\"x\",0)\n .attr(\"y\",y)\n .attr(\"height\",hrect)\n .attr(\"width\", w)\n .style(\"fill\", `hsl(${col},100%,50%)`);\n }\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":905,"value":"viewof ncircs = Inputs.range([1, 100], {label: \"Número de círculos\", step: 1, value: 1})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":890,"value":"{\n const w = 500;\n const h = 500;\n const svg = d3.create(\"svg\").attr(\"width\", w).attr(\"height\", h);\n\n // const ncircs = 40;\n const sep = w / (ncircs + 1);\n\n for (let i = 0; i < ncircs; i++) {\n const x = sep + i * sep;\n const y = (h/2) + Math.sin(((i/ncircs) * 4 * Math.PI * 2) + now/1000) * 100;\n const col = \"red\";\n svg.append(\"circle\")\n .attr(\"cx\",x)\n .attr(\"cy\",y)\n .attr(\"r\", sep/4)\n .style(\"fill\", \"red\")\n }\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":864,"value":"viewof escalones = Inputs.range([3, 20], {label: \"Escalones\", step: 1, value: 4})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":847,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":923,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":983,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1039,"value":"{\n const w = 500;\n const h = 500;\n \n const svg = d3.create(\"svg\").attr(\"width\", w).attr(\"height\", h).style(\"background\", \"white\");\n\n for (let i = 0; i < 10; i++) {\n svg.append(\"circle\")\n .attr(\"cx\", Math.random() * h)\n .attr(\"cy\", Math.random() * w)\n .attr(\"r\", 30)\n .classed(\"roja\", i % 2 === 0)\n .attr(\"fill\", \"red\");\n }\n\n svg.selectAll(\"circle.roja\").attr(\"fill\", \"blue\");\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1046,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1053,"value":"texto = \"HOLA\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1056,"value":"texto2 = 'HOLA'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1059,"value":"texto3 = \"Hola \" + \"Chao\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1062,"value":"numero = 365","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1064,"value":"texto4 = \"Hola\" + 45","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1070,"value":"anchoDeMiLienzo = 700","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1066,"value":"transform = \"translate(\" + (anchoDeMiLienzo/2) + \",\" + 100 + \")\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1077,"value":"nombre = \"Sergio\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1074,"value":"saludo = `translate(${anchoDeMiLienzo/2},${500})`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":520,"value":"projection = d3.geoNaturalEarth1().scale(1500).center([-70, 4.376068906468002])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":522,"value":"pathGenerator = d3.geoPath(projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":394,"value":"import {Icicle} from \"@d3/icicle\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":426,"value":"import {Treemap} from \"@d3/treemap\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1082,"value":"tweetsData = FileAttachment(\"yoapoyoamipolicia_2021-04-25T00:01:00.00Z_2021-06-01T00:01:00.00Z.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1111,"value":"datosTest = [\n {nombre: \"Jorge\", edad: 27, estatura: 170, gafas: true},\n {nombre: \"Camilo\", edad: 26, estatura: 175, gafas: true},\n {nombre: \"Milena\", edad: 25, estatura: 165, gafas: false},\n {nombre: \"Alejandra\", edad: 24, estatura: 160, gafas: true},\n {nombre: \"Sergio\", edad: 33, estatura: 178, gafas: true}\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1113,"value":"{\n const ancho = 900;\n const alto = 300;\n\n const svg = d3.create(\"svg\")\n .attr(\"width\", ancho)\n .attr(\"height\", alto)\n\n const escalaX = d3.scaleBand(datosTest.map(d => d.nombre),[100, ancho - 100])\n\n const binding = svg.selectAll(\"g\")\n .data(datosTest)\n .join(\"g\")\n \n binding.append(\"circle\")\n .attr(\"cx\", d => escalaX(d.nombre))\n .attr(\"cy\", alto / 2)\n .attr(\"r\", (d, i) => d.edad * 2)\n .attr(\"fill\", d => d.gafas ? \"red\" : \"orange\")\n \n binding.append(\"text\")\n .attr(\"x\", d => escalaX(d.nombre))\n .attr(\"y\", alto/2)\n .text(d => d.nombre)\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1150,"value":"$36","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1172,"value":"posEstrellas = {\n const numeroEstrellas = 100;\n const posEstrellas = [];\n for (let i = 0; i < numeroEstrellas; i++) {\n const ox = Math.random() * 500;\n const oy = Math.random() * 500;\n const p = Math.floor(3 + Math.random() * 4);\n const off = Math.random() * Math.PI;\n posEstrellas[i] = {ox, oy, p, off};\n }\n return posEstrellas\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1198,"value":"{\n const ancho = 300;\n const alto = 300;\n const miLienzo = d3.create(\"svg\").attr(\"width\", ancho).attr(\"height\", alto);\n\n const r = Math.random() * 100;\n \n for (let i = 0; i < 10; i++) {\n const x = (r * 2) * i;\n const y = (r * 2) * i;\n \n dobleCirculo(x, y, r);\n }\n \n return miLienzo.node();\n\n ///\n\n function dobleCirculo(posX, posY, radio) { // DEFINIR\n const miGrupoProvisional = miLienzo.append(\"g\")\n .attr(\"transform\", `translate(${posX},${posY})`)\n\n circuloSencillo(miGrupoProvisional, radio, \"blue\");\n circuloSencillo(miGrupoProvisional, radio/2, \"pink\");\n circuloSencillo(miGrupoProvisional, radio/3, \"red\")\n }\n\n function circuloSencillo(grupo, radio, color) {\n grupo.append(\"circle\")\n .attr(\"cx\", 0)\n .attr(\"cy\", 0)\n .attr(\"r\", radio)\n .attr(\"fill\", color)\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 31:"$30:body"