2e:null 2f:["$","title",null,{"children":"La educación básica en Colombia sí está estratificada: Los estratos más altos obtienen mejores puntajes en los distintos componentes de la prueba Saber 11 | ancazugo | Observable"}] 34:T1568,scatter = { const target = html`

`; const height = 1000; const margin = {top: 20, right: 30, bottom: 30, left: 200}, iwidth = width - margin.left - margin.right, iheight = height - margin.top - margin.bottom; const svg = d3.select(target).select("#chart") .append("svg") .attr("viewBox", `${-padding} 0 ${width} ${width}`) .style("max-width", "100%") .style("height", height); svg.append("g") .call(xAxis); svg.append("g") .call(yAxis); //Para colorear los puntos según el sexo // const z = d3.scaleOrdinal() // .domain(data.map(d => d.estu_genero)) // .range([ "#FF69B4", "#1E90FF"]); //Para colorear los puntos según el estrato // const z = d3.scaleOrdinal() // .domain(data.map(d => d.fami_estratovivienda)) // .range(["#969696", "#ffffd4", "#fee391", "#fec44f", "#fe9929", "#d95f0e", "#993404", "#969696"]); const z = d3.scaleOrdinal() .domain(["-", "Estrato 1", "Estrato 2", "Estrato 3", "Estrato 4", "Estrato 5", "Estrato 6", "Sin Estrato"]) .range(["#969696", "#ffffd4", "#fee391", "#fec44f", "#fe9929", "#d95f0e", "#993404", "#969696"]); const cell = svg.append("g") .selectAll("g") .data(d3.cross(d3.range(columns.length), d3.range(columns.length))) .join("g") .attr("transform", ([i, j]) => `translate(${i * size},${j * size})`); cell.append("rect") .attr("fill", "none") .attr("stroke", "#aaa") .attr("x", padding / 2 + 0.5) .attr("y", padding / 2 + 0.5) .attr("width", size - padding) .attr("height", size - padding); svg.append("g") .style("font", "bold 10px sans-serif") .selectAll("text") .data(columns) .join("text") .attr("transform", (d, i) => `translate(${i * size},${i * size})`) .attr("x", padding) .attr("y", padding) .attr("dy", ".71em") .text(d => d); var tooltip = d3.select("#chart") .append("div") .style("opacity", 0) .attr("class", "tooltip") .style("font-size", "16px") // Funciones del tooltip var mouseover = function(d) { tooltip .transition() .duration(200) .style("opacity", 1) tooltip .html("Colegio: " + d.cole_nombre_establecimiento) .style("left", (d3.mouse(this)[0]+30) + "px") .style("top", (d3.mouse(this)[1]+30) + "px") } var mousemove = function(d) { tooltip .style("left", (d3.mouse(this)[0]+30) + "px") .style("top", (d3.mouse(this)[1]+30) + "px") } var mouseleave = function(d) { tooltip .transition() .duration(200) .style("opacity", 0) } cell.each(function([i, j]) { d3.select(this).selectAll("circle") .data(chosenDepto) .join("circle") .attr("cx", d => x[i](d[columns[i]])) .attr("cy", d => y[j](d[columns[j]])) .attr("r", 3) .attr("fill", d => z(d.fami_estratovivienda)) .on("mouseover", mouseover) .on("mousemove", mousemove) .on("mouseleave", mouseleave); }); //Leyenda const leg = d3.select(target).select("#chart-legend") .append("svg") .attr("viewBox", `0 0 ${width} 30`) .style("max-width", "100%") leg.append("circle").attr("cx",50).attr("cy",10).attr("r", 5).style("fill", "#969696") leg.append("text").attr("x", 60).attr("y", 10).text("Sin Estrato").style("font-size", "15px").attr("alignment-baseline","middle") leg.append("circle").attr("cx",200).attr("cy",10).attr("r", 5).style("fill", "#ffffd4") leg.append("text").attr("x", 210).attr("y", 10).text("Estrato 1").style("font-size", "15px").attr("alignment-baseline","middle") leg.append("circle").attr("cx",350).attr("cy",10).attr("r", 5).style("fill", "#fee391") leg.append("text").attr("x", 360).attr("y", 10).text("Estrato 2").style("font-size", "15px").attr("alignment-baseline","middle") leg.append("circle").attr("cx",500).attr("cy",10).attr("r", 5).style("fill", "#fec44f") leg.append("text").attr("x", 510).attr("y", 10).text("Estrato 3").style("font-size", "15px").attr("alignment-baseline","middle") leg.append("circle").attr("cx",650).attr("cy",10).attr("r", 5).style("fill", "#fe9929") leg.append("text").attr("x", 660).attr("y", 10).text("Estrato 4").style("font-size", "15px").attr("alignment-baseline","middle") leg.append("circle").attr("cx",800).attr("cy",10).attr("r", 5).style("fill", "#d95f0e") leg.append("text").attr("x", 810).attr("y", 10).text("Estrato 5").style("font-size", "15px").attr("alignment-baseline","middle") leg.append("circle").attr("cx",1150).attr("cy",10).attr("r", 5).style("fill", "#993404") leg.append("text").attr("x", 1160).attr("y", 10).text("Estrato 6").style("font-size", "15px").attr("alignment-baseline","middle") return target; }35:T6ce,md`# What + **Dataset:** Está disponible en la página del datos.gov.co + **Data:** La base de datos contiene la información de más de 21.000 estudiantes con respecto a su identidad, familia, colegio y puntaje en la prueba Saber 2019. De este dataset sólo fueron utilizados los atributos correspondientes a los puntajes de cada componente de la prueba (lectura crítica, matemáticas, ciencias naturales, sociales ciudadana e inglés), el estrato de la familia, y el departamento en donde está ubicado el colegio. + **Los puntajes son de carácter ordenado cuantitativo y el estrato es de carácter ordinal. El departamento es de carácter categórico.** # Why ## Actions 1. Comparar la tendencia de estudiantes de acuerdo a los estratos y el puntaje de cada componente de la prueba Saber 11. 2. Resumir los datos de los puntajes del Saber 11 para un departamento determinado. 3. Buscar (Browse) la tendencia general para cada par de puntajes de la prueba Saber 11. 4. Descubrir las caraterísticas para cada departamento de aacuerdo con los puntajes del Saber 11. 5. Identificar anomalías con respecto a los puntajes de la prueba del Saber 11. ## Targets + En todos los casos los targets son los puntajes de las para cada uno de los cinco componentes del Saber 11 y el estrato. # How ## Marks + Los puntos fueron utlizados como marca que denota la posición con respecto a dos puntajes de la prueba para un estudiante en particular. ## Channels + La posición en una escala común fue utilizada para todos los puntajes, teniendo en cuenta que todas las pruebas tienen un puntaje mínimo de 0 y maximo de 100. + Color fue utilizado para mostrar el estrato de cada estudiante, asumiendo que este atributo es una secuencial ordinal. `36:[] 32:{"id":"d698ba275d5459b6","slug":"la-educacion-basica-en-colombia-si-esta-estratificada-los-e","title":"La educación básica en Colombia sí está estratificada: Los estratos más altos obtienen mejores puntajes en los distintos componentes de la prueba Saber 11","thumbnail":"2bb17ad9f4a21a1ba7081f8bbbeb38c3462932908c21cf2694a41dfc20176ff3","access_level":"public","create_time":"$D2019-09-15T18:33:12.059Z","update_time":"$D2021-04-28T20:01:56.107Z","view_time":null,"first_public_time":"$D2019-09-17T22:35:33.695Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"68cb2534e675efd2","login":"ancazugo","name":"","avatar_url":"https://avatars-next.observableusercontent.com/90fec258ad6cca57dc8f5020c01639dfbad769f7dadbe30e1fecc65ce342fc84","tier":"starter_2024"},"version":570,"publish_version":570,"role":null,"authored":false,"authors":[{"type":"individual","id":"08d5ede8cd3a2024","login":"ancazugo","name":"","avatar_url":"https://avatars-next.observableusercontent.com/90fec258ad6cca57dc8f5020c01639dfbad769f7dadbe30e1fecc65ce342fc84","tier":null}],"members":[{"type":"individual","id":"08d5ede8cd3a2024","login":"ancazugo","name":"","avatar_url":"https://avatars-next.observableusercontent.com/90fec258ad6cca57dc8f5020c01639dfbad769f7dadbe30e1fecc65ce342fc84","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"La educación básica en Colombia sí está estratificada: Los estratos más altos obtienen mejores puntajes en los distintos componentes de la prueba Saber 11","cells":[{"id":0,"value":"md`# La educación básica en Colombia sí está estratificada: Los estratos más altos obtienen mejores puntajes en los distintos componentes de la prueba Saber 11\n+ Escoja un departamento de la lista y corra la siguiente celda para actualizar los datos de acuerdo con su elección`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":208,"value":"departamento = html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":450,"value":"//ESTA CELDA SE DEBE CORRER CADA VEZ QUE SE CAMBIA EL DEPARTAMENTO\nchosenDepto = {\n for(var i = 0; i < depto.length; i++){\n if(depto[i].key == departamento.value){\n return depto[i].values;\n }\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":544,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"padding = 20","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"width = 1000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"size = (width - (columns.length + 1) * padding) / columns.length + padding","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"x = columns.map(c => d3.scaleLinear()\n .domain([0, 100])\n .rangeRound([padding / 2, size - padding / 2]))\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"xAxis = {\n const axis = d3.axisBottom()\n .ticks(6)\n .tickSize(size * columns.length);\n return g => g.selectAll(\"g\").data(x).join(\"g\")\n .attr(\"transform\", (d, i) => `translate(${i * size},0)`)\n .each(function(d) { return d3.select(this).call(axis.scale(d)); })\n .call(g => g.select(\".domain\").remove())\n .call(g => g.selectAll(\".tick line\").attr(\"stroke\", \"#ddd\"));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":160,"value":"y = x.map(x => x.copy().range([size - padding / 2, padding / 2]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":162,"value":"yAxis = {\n const axis = d3.axisLeft()\n .ticks(6)\n .tickSize(-size * columns.length);\n return g => g.selectAll(\"g\").data(y).join(\"g\")\n .attr(\"transform\", (d, i) => `translate(0,${i * size})`)\n .each(function(d) { return d3.select(this).call(axis.scale(d)); })\n .call(g => g.select(\".domain\").remove())\n .call(g => g.selectAll(\".tick line\").attr(\"stroke\", \"#ddd\"));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":565,"value":"depto[1].values","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":328,"value":"depto = d3.nest()\n .key(function(d) { return d[\"cole_depto_ubicacion\"]; })\n .entries(data);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"{\n const seleccion = d3.select(departamento);\n\n const addOption = (d, i) => \n seleccion.append(\"option\")\n .text(d.key);\n\n depto.forEach(addOption);\n return seleccion.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":430,"value":"md`# Intento de hacerlo por ciudades de cada departamento y por cada colegio`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":250,"value":"ciudad = html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":251,"value":"colegio = html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":331,"value":"citiesInDepto = {\n function filtrar(arr){\n for(var i = 0; i < depto.length; i++){\n if(arr[i].key == departamento.value){\n return arr[i].values;\n }\n }\n }\n return d3.nest()\n .key(function(d) { return d[\"cole_mcpio_ubicacion\"]; })\n .entries(filtrar(depto));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":352,"value":"{\n const seleccion = d3.select(ciudad);\n\n const addOption = (d, i) => \n seleccion.append(\"option\")\n .text(d.key);\n\n citiesInDepto.forEach(addOption);\n return seleccion.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":344,"value":"schoolsInCity = {\n function filtrar(arr){\n for(var i = 0; i < citiesInDepto.length; i++){\n if(arr[i].key == ciudad.value){\n return arr[i].values;\n }\n }\n }\n return d3.nest()\n .key(function(d) { return d[\"cole_nombre_establecimiento\"]; })\n .entries(filtrar(citiesInDepto));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":362,"value":"{\n const seleccion = d3.select(colegio);\n\n const addOption = (d, i) => \n seleccion.append(\"option\")\n .text(d.key);\n\n schoolsInCity.forEach(addOption);\n return seleccion.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":373,"value":"selectedSchool = {\n function filtrar(arr){\n for(var i = 0; i < schoolsInCity.length; i++){\n if(arr[i].key == colegio.value){\n return arr[i].values;\n }\n }\n }\n \n return filtrar(schoolsInCity)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":395,"value":"datosPorMostrar = {\n if(colegio.value != \"COLEGIO\"){\n return selectedSchool;\n }\n else if(colegio.value == \"COLEGIO\" && ciudad.value != \"CIUDAD\"){\n return ;\n }\n else if(colegio.value == \"COLEGIO\" && ciudad.value == \"CIUDAD\" && departamento.value == \"DEPARTAMENTO\"){\n return ;\n }\n else {\n \n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"columns = ['punt_lectura_critica', 'punt_matematicas', 'punt_c_naturales', 'punt_sociales_ciudadanas', 'punt_ingles']","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"data = {\n\n let data = [], res, i =0;\n const MAX_PAGES = 100,\n ROWS_PER_PAGE = 50000;\n\n while (i++ res.json());\n if (!res) break;\n data = data.concat(res);\n console.log(\"data\")\n yield data;\n }\n data.sort(function(a,b) { return d3.ascending(a[\"cole_depto_ubicacion\"], b[\"cole_depto_ubicacion\"]) || d3.ascending(a[\"cole_mcpio_ubicacion\"], b[\"cole_mcpio_ubicacion\"]) } ) \n yield data.sort(function(a,b) { return d3.ascending(a[\"cole_depto_ubicacion\"], b[\"cole_depto_ubicacion\"]) || d3.ascending(a[\"cole_mcpio_ubicacion\"], b[\"cole_mcpio_ubicacion\"]) || d3.ascending(a[\"cole_nombre_establecimiento\"], b[\"cole_nombre_establecimiento\"]) || d3.ascending(a[\"estu_genero\"], b[\"estu_genero\"])} );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"url = \"https://www.datos.gov.co/resource/a8xr-en99.json\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"d3 = require(\"d3@^5.9\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 33:"$32:body"