30:T611,schoolDict = ({ "8499": { "nombre": "Internado Nacional Barros Arana", "comuna": "Santiago" }, "8485": { "nombre": "Instituto Nacional", "comuna": "Santiago" }, "8888": { "nombre": "Colegio del Verbo Divino", "comuna": "Santiago" }, "8906": { "nombre": "Colegio Saint George's College", "comuna": "Vitacura" }, "8996": { "nombre": "Colegio San Ignacio El Bosque", "comuna": "Providencia" }, "9046": { "nombre": "Colegio The Grange School", "comuna": "La Reina" }, "8873": { "nombre": "Colegio Villa María Academy", "comuna": "Las Condes" }, "5812": { "nombre": "Colegio Alemán", "comuna": "Temuco" }, "8862": { "nombre": "Colegio Tabancura", "comuna": "Vitacura" }, "11968": { "nombre": "Colegio Cumbres", "comuna": "Las Condes" }, "5654": { "nombre": "Colegio Claret", "comuna": "Temuco" }, "5666": { "nombre": "Camilo Henriquez", "comuna": "Temuco" }, "5570": { "nombre": "Liceo Pablo Neruda", "comuna": "Temuco" }, "5808": { "nombre": "Colegio La Salle", "comuna": "Temuco" }, "19908": { "nombre": "Colegio Green House", "comuna": "Temuco" }, "5814": { "nombre": "Colegio Santa Cruz", "comuna": "Temuco" }, "8927": { "nombre": "Liceo Carmela Carvajal", "comuna": "Providencia" }, "8926": { "nombre": "Liceo de Niñas Nº 7", "comuna": "Providencia" }, "8487": { "nombre": "Liceo Nº1 Javiera Carrera", "comuna": "Santiago" }, })31:T3152,class ChartDestino { constructor(el) { this._data = []; this._margin = {left: 50, right:20, top:40, bottom: 20}; this._refX = 0.5; this._refY = 0.5; this.totalWidth = width; this.totalHeight = width || 800; this.svgContainer = d3.select(el); this.startup(); this.circleColorNormal = "blue"; this.circleColorHighlighted = "orange"; this.valuesGenero = ["Hombres", "Mujeres"]; this.alias = { "Ingeniería Civil, plan común y licenciatura en Ciencias de la Ingeniería" : "Ingeniería Civil, Plan común" } } startup() { this._width = this.totalWidth - this._margin.left - this._margin.right; this._height = this.totalHeight - this._margin.top - this._margin.bottom; this.svgContainer .attr("width",this._width+this._margin.left+this._margin.right) .attr("height",this._height+this._margin.top+this._margin.bottom) this.svgContainer.selectAll("g.container").remove() this.container = this.svgContainer.selectAll("g.container") .data([1]) .join("g") .attr("class", "container") .attr("transform", `translate(${this._margin.left},${this._margin.top})`) // text label for the x axis this.container.append("text") .attr("font-family", "sans-serif") .attr("font-size", `${this.responsiveFontSize()*0.70}`) .attr("y", 10) .attr("class", "title x") .attr("transform",`translate(${this._width/2},${this._height})`) .style("text-anchor", "middle") .text("Autor: Ernesto Laval - @elaval (TIDE), Fuente de datos: Datos abiertos MINEDUC"); // tittle this.container.append("text") .attr("font-family", "sans-serif") .attr("font-size", `${this.responsiveFontSize()}`) .attr("y", -13) .attr("class", "header title") .attr("transform",`translate(${this._width/2},0)`) .style("text-anchor", "middle") .text("${}"); this.container.append("text") .attr("font-family", "sans-serif") .attr("font-size", `${this.responsiveFontSize()/2}px`) .attr("y", this.responsiveFontSize()/2-9) .attr("class", "header subtitle") .attr("transform",`translate(${this._width/2},0)`) .style("text-anchor", "middle") .text("${}"); this.container.append("g") .attr("class", "nodes") this.tooltip = this.container.append("g") .attr("class", "myTooltip") this.tooltip.append("rect") .attr("height", this.responsiveFontSize()/2+4) .attr("fill", "grey") .attr("opacity", d => 0.9) .attr("y", 10 - this.responsiveFontSize()/2) this.tooltip.append("text") .attr("font-family", "sans-serif") .attr("font-size", this.responsiveFontSize()/2) .attr("fill", "#fff") .attr("y", 10) .style("text-anchor", "middle") this.pack = (data) => d3.pack() .size([this._width - 2, this._height - 2]) .padding(3) (d3.hierarchy({children: data}) .sum(d => this.getCount(d))) } renderInstituciones(rbd) { let data = this._data && this._data[rbd] && this._data[rbd].instituciones.filter(d => this.getCount(d)); data = _.sortBy(data, d => -this.getCount(d)) this.totalAlumnos = this._data && this._data[rbd] && this.getTotal(this._data[rbd].instituciones); const color = d3.scaleOrdinal(tipoIEs, d3.schemeCategory10) color.domain(tipoIEs); this.render(data, this._schoolDict[rbd].nombre, color, this._schoolDict[rbd].comuna) } renderCarreras(rbd) { debugger; let data = this._data && this._data[rbd] && this._data[rbd].carreras.filter(d => this.getCount(d)); data = _.sortBy(data, d => -this.getCount(d)) this.totalAlumnos = this._data && this._data[rbd] && this.getTotal(this._data[rbd].carreras); const color = d3.scaleOrdinal(["top50", "normal"], ["orange", "lightgray"]) const top50 = {}; const sortedCarreras = _.sortBy(data, d => -this.getCount(d)) let accum = 0; sortedCarreras.forEach(d => { if (accum < this.totalAlumnos/2) { top50[d.name] = true; accum += this.getCount(d); } }); data.forEach(d => d.type = top50[d.name] ? "top50" : "normal"); this.render(data, this._schoolDict[rbd].nombre, color, this._schoolDict[rbd].comuna) } renderSubareas(rbd) { let data = this._data && this._data[rbd] && this._data[rbd].subarea.filter(d => this.getCount(d)); this.totalAlumnos = this._data && this._data[rbd] && this._data[rbd].totalEstudiantes; const color = d3.scaleOrdinal(["top50", "normal"], ["orange", "lightgray"]) const top50 = {}; const sortedCarreras = _.sortBy(data, d => -this.getCount(d)) let accum = 0; sortedCarreras.forEach(d => { if (accum < this.totalAlumnos/2) { top50[d.name] = true; accum += this.getCount(d) } }); data.forEach(d => d.type = top50[d.name] ? "top50" : "normal"); this.render(data, this._schoolDict[rbd].nombre, color, this._schoolDict[rbd].comuna) } render(data, itemName, color, itemComuna) { console.log(this.genero, data) if (data) { debugger; const self = this; const root = this.pack(data); const dataNodes = root.leaves().filter(d => d.depth > 0) this.container .attr("viewBox", [0, 0, this._width, this._height]) .attr("font-size", 10) .attr("font-family", "sans-serif") .attr("text-anchor", "middle"); const t = d3.transition() .duration(750); let nodes = this.container.select("g.nodes").selectAll("g.node") .data(dataNodes, d => d.data.name); nodes.interrupt(); // Interrupt current transitions nodes.exit().select("circle") .transition(t) .attr("r",0) .remove() nodes.exit() .transition(t) .remove() const newNodes = nodes.enter().append("g") .attr("class", "node") .style("cursos", "pointer") newNodes.append("circle").attr("r",0); newNodes.append("clipPath"); newNodes.append("text"); newNodes .attr("transform", d => `translate(${d.x + 1},${d.y + 1})`); nodes = newNodes.merge(nodes) nodes .transition(t) .attr("transform", d => `translate(${d.x + 1},${d.y + 1})`); /* this.container.select("g.nodes").selectAll("g.node") .data(dataNodes, d => d.data.name) .join( enter => { const newNode = enter.append("g") .attr("class", "node") .style("cursos", "pointer") .call(enter => enter .attr("transform", d => `translate(${d.x + 1},${d.y + 1})`)) newNode.append("circle"); newNode.append("clipPath"); newNode.append("text") }, update => update .call(update => { update .transition(t) .attr("transform", d => `translate(${d.x + 1},${d.y + 1})`) }), exit => { exit.call(exit => exit.selectAll("circle") .transition(t) .attr("r", 0) ) exit .call(exit => exit .transition(t) .attr("opacity", 0) .remove() ) } ) const nodes = this.container.select("g.nodes").selectAll("g.node"); */ nodes.data(dataNodes, d => d.data.name).select("circle") nodes.data(dataNodes, d => d.data.name).select("text") nodes.data(dataNodes, d => d.data.name).select("clipPath") nodes .on("mouseover", function (d) { this.parentNode.appendChild(this); const myNode = d3.select(this); myNode.select("circle").attr("r", d => d.r) myNode.select("circle") .attr("stroke", "yellow") .attr("stroke-width", 2); self.showLabel(myNode); }) .on("mouseout", function (d) { const myNode = d3.select(this); myNode.select("circle") .attr("stroke", "none") .attr("stroke-width", 2); self.hideLabel(myNode); }) nodes.selectAll("circle") .attr("id", d => (d.leafUid = DOM.uid("leaf")).id) .transition(t) .attr("r", d => d.r) .attr("fill-opacity", 0.7) .attr("fill", d => color(d.data.type)); nodes.selectAll("clipPath") .attr("id", d => (d.clipUid = DOM.uid("leaf")).id) .append("use") .attr("xlink:href", d => d.leafUid.href); nodes.selectAll("text") .attr("font-size", d => { return this.bubbleFontSize(d) }) .attr("clip-path", d => d.clipUid) .selectAll("tspan") //.data(d => d.data.inst.split(/(?=[A-Z][^A-Z])/g)) .data(d => (this.alias[d.data.name] ? this.alias[d.data.name] : d.data.name).split(/\s/g)) .join("tspan") .attr("x", 0) .attr("y", (d, i, nodes) => `${i - nodes.length / 2 + 0.8}em`) .text(d => { return d }); this.container.select("text.header.title") .transition() .text(`${itemName} `); this.container.select("text.header.subtitle") .transition() .text(`${itemComuna} ${this._genero ? ` [${this.valuesGenero[(+this._genero-1)]} ] ` : "" } (n=${this.totalAlumnos})`); } } showLabel(node) { debugger; const nodeData = node.datum(); this.tooltip .attr("transform", `translate(${nodeData.x},${nodeData.y+nodeData.r+15})`) this.tooltip.style("display", null) this.tooltip.select("text").text(`${nodeData.data.name} (n=${this.getCount(nodeData.data)})`) const textWidth = this.tooltip.select("text").node().getBBox().width this.tooltip.select("rect") .attr("x", function(d) {return -textWidth/2;}) .attr("width", function(d) {return textWidth}) } hideLabel(node) { this.tooltip.style("display", "none") } getCount(d) { if (this._genero) { return +this._genero == 1 ? d.hombres : d.mujeres; } else { return d.count } } getTotal(data) { return _.reduce(data, (memo,d) => memo + +this.getCount(d),0) } defaultDisplay(d) { return this._defaultItems[d.label]; } foundSearch(d) { return this.textMatch(d.label, this.searchText) } textMatch(text, searchText) { const strRegExPattern = `${searchText}`; return text.match(new RegExp(strRegExPattern,'gi')); } schoolDict(_) { this._schoolDict = _; return this; } genero(_) { this._genero = _; return this; } data(_) { this._data = _; this.startup(); return this; } margin(_) { this._margin = _; this.startup(); return this; } refX(_) { this._refX = _; this.startup(); return this; } refY(_) { this._refY = _; this.startup(); return this; } width(_) { this.totalWidth = _; this._width = this.totalWidth - this._margin.left - this._margin.right; this.startup(); return this; } height(_) { this.totalHeight = _; this._height = this.totalHeight - this._margin.top - this._margin.bottom; this.startup(); return this; } search(_) { this.searchText = _; this.render(); return this; } defaultItems(_) { this._defaultItems = _; this.render(); return this; } responsiveFontSize() { const maxSize = 36; const minSize = 12; let size = d3.scaleLinear([300,1024], [minSize, maxSize])(width); size = size > maxSize ? maxSize : size; size = size < minSize ? minSize : size; return size; } bubbleFontSize(d) { const maxRadious = 50; const minRadious = 1; const maxFactor = 0.5; const minFactor = 0.1 const sizeFactor = d3.scaleLinear([minRadious,maxRadious], [minFactor, maxFactor])(d.r); let size = d.r > maxRadious ? this.responsiveFontSize()*maxFactor : d.r < minRadious ? this.responsiveFontSize()*minFactor : this.responsiveFontSize()*sizeFactor return size; } }32:T1e50,class ChartES { constructor(el) { this._data = []; this._margin = {left: 50, right:20, top:20, bottom: 60}; this._refX = 0.5; this._refY = 0.5; this._totalWidth = width; this._totalHeight = height || 800; this.svgContainer = d3.select(el); this.startup(); this.circleColorNormal = "blue"; this.circleColorHighlighted = "orange"; } startup() { this._width = this._totalWidth - this._margin.left - this._margin.right; this._height = this._totalHeight - this._margin.top - this._margin.bottom; this.xScale = d3.scaleLinear().domain([0,1]).range([0,this._width]) this.yScale = d3.scaleLinear().domain([0,d3.max(this._data, d => d.y)]).range([this._height,0]) this.yAxis = d3.axisLeft(this.yScale); this.xAxis = d3.axisBottom(this.xScale); this.sizeScale = d3.scaleLinear().domain(d3.extent(this._data, d => +d.size)).range([2,10]) this.svgContainer .attr("width",this._width+this._margin.left+this._margin.right) .attr("height",this._height+this._margin.top+this._margin.bottom) this.svgContainer.selectAll("g.container").remove() this.container = this.svgContainer.selectAll("g.container") .data([1]) .join("g") .attr("class", "container") .attr("transform", `translate(${this._margin.left},${this._margin.top})`) this.container .append("g") .attr("class", "y axis") this.container .append("g") .attr("transform", `translate(0,${this._height})`) .attr("class", "x axis") this.container .append("line") .attr("class", "reference x") this.container .append("line") .attr("class", "reference y") // text label for the x axis this.container.append("text") .attr("font-family", "sans-serif") .attr("font-size", 10) .attr("y", this._margin.bottom - 30) .attr("class", "title x") .attr("transform",`translate(${this._width},${this._height})`) .style("text-anchor", "end") .text("Ranking escolar (proporción de estudiantes en 30% superior)"); // text label for the y axis this.container.append("text") .attr("font-family", "sans-serif") .attr("font-size", 10) .attr("class", "title y") .attr("transform",`rotate(-90)`) .attr("y", 0 - this._margin.left) .attr("x",0 - (this._height / 2)) .attr("dy", "1em") .style("text-anchor", "middle") .text("Vulnerabilidad (proporción de estudiantes prioritarios)"); // text label for the x axis this.container.append("text") .attr("font-family", "sans-serif") .attr("font-size", 10) .attr("y", this._margin.bottom - 10) .attr("class", "title x") .attr("transform",`translate(${0},${this._height})`) .style("text-anchor", "start") .text("Autor: Ernesto Laval (TIDE), Fuente de datos: Datos abiertos MINEDUC"); } render(searchText) { if (this._data && this._data.length) { const self = this; //debugger; this.searchText = searchText; this.container.select("g.y.axis") .call(this.yAxis) this.container.select("g.x.axis") .call(this.xAxis) let nodes = this.container.selectAll("nodes.item") .data(this._data) .join("g") .attr("class", "item") .attr("transform", d => `translate(${this.xScale(d.x)}, ${this.yScale(d.y)})`) nodes.call(this.setLabels.bind(this)) nodes .style("cursor", "pointer") nodes .on("mouseover", function (d) { this.parentNode.appendChild(this); const myNode = d3.select(this); myNode.select("circle") .attr("fill", self.circleColorHighlighted); self.showLabel(myNode); }) .on("mouseout", function (d) { const myNode = d3.select(this); myNode.select("circle") .attr("fill", self.circleColorNormal); if (!self.defaultDisplay(d)) { self.hideLabel(myNode); } }) nodes.append("circle") .attr("r", d => this.sizeScale(d.size)) .attr("fill", d => this.circleColorNormal) .attr("opacity", d => { let opacity = 0.6; if (this.searchText) { opacity = (this.textMatch(d.label, this.searchText || null)) ? 0.6 : 0.1; } return opacity }) nodes.each(function(d,i) { startupLabel[d.label] ? this.parentNode.appendChild(this) : null; }) this.container.select("line.reference.x") .attr("x1", this.xScale(this._refX)) .attr("x2", this.xScale(this._refX)) .attr("y1", 0) .attr("y2", this._height) .attr("stroke", "grey") .attr("stroke-width", 1) this.container.select("line.reference.y") .attr("y1", this.yScale(this._refY)) .attr("y2", this.yScale(this._refY)) .attr("x1", 0) .attr("x2", width) .attr("stroke", "grey") .attr("stroke-width", 1) } } setLabels(node) { node.selectAll("g.label") .data(d => [d]) .join( enter => { const newLabel = enter.append("g") .attr("class", "label"); newLabel.append("rect"); newLabel.append("text"); } ) const labels = node.selectAll("g.label") labels.style("display", "none"); // Show only defauklt or searched items labels .style("display", d => { if (this.searchText) { const found = this.foundSearch(d); if (found) { return null; } else { return "none"; } } else { const defShow = this.defaultDisplay(d); if (defShow) { return null } else { return "none" } } }) labels.select("text") .attr("font-family", "sans-serif") .attr("font-size", 10) .attr("text-anchor", "middle") .attr("y", d => this.sizeScale(d.size) + 10) .text(d => { return d.label }) labels.select("rect") .attr("fill", "lightgrey") .attr("opacity", d => 0.8) .attr("x", function(d) {return -this.parentNode.getBBox().width/2;}) .attr("y", d => this.sizeScale(d.size) + 2) .attr("height", 10) .attr("width", function(d) {return this.parentNode.getBBox().width;}) } showLabel(node) { node.select("g.label").style("display", null) } hideLabel(node) { node.select("g.label").style("display", "none") } defaultDisplay(d) { return this._defaultItems[d.label]; } foundSearch(d) { return this.textMatch(d.label, this.searchText) } textMatch(text, searchText) { const strRegExPattern = `${searchText}`; return text.match(new RegExp(strRegExPattern,'gi')); } data(_) { this._data = _; this.startup(); return this; } margin(_) { this._margin = _; this.startup(); return this; } refX(_) { this._refX = _; this.startup(); return this; } refY(_) { this._refY = _; this.startup(); return this; } width(_) { this.totalWidth = _; this._width = this.totalWidth - this._margin.left - this._margin.right; this.startup(); return this; } height(_) { this._totalHeight = _; this._height = this.totalHeight - this._margin.top - this._margin.bottom; this.startup(); return this; } search(_) { this.searchText = _; this.render(); return this; } defaultItems(_) { this._defaultItems = _; this.render(); return this; } }33:T9ec,startupLabel = ({ "PONTIFICIA UNIVERSIDAD CATOLICA DE CHILE": true, "PONTIFICIA UNIVERSIDAD CATOLICA DE VALPARAISO": false, "UNIVERSIDAD ACADEMIA DE HUMANISMO CRISTIANO": false, "UNIVERSIDAD ADOLFO IBAÑEZ": true, "UNIVERSIDAD ADVENTISTA DE CHILE": false, "UNIVERSIDAD ALBERTO HURTADO": false, "UNIVERSIDAD ANDRES BELLO": true, "UNIVERSIDAD ARTURO PRAT": false, "UNIVERSIDAD AUSTRAL DE CHILE": true, "UNIVERSIDAD AUTONOMA DE CHILE": true, "UNIVERSIDAD BERNARDO O'HIGGINS": false, "UNIVERSIDAD BOLIVARIANA": false, "UNIVERSIDAD CATOLICA DE LA SANTISIMA CONCEPCION": false, "UNIVERSIDAD CATOLICA DE TEMUCO": true, "UNIVERSIDAD CATOLICA DEL MAULE": false, "UNIVERSIDAD CATOLICA DEL NORTE": false, "UNIVERSIDAD CATOLICA SILVA HENRIQUEZ": false, "UNIVERSIDAD CENTRAL DE CHILE": false, "UNIVERSIDAD CHILENO BRITANICA DE CULTURA": false, "UNIVERSIDAD DE ACONCAGUA": false, "UNIVERSIDAD DE ANTOFAGASTA": false, "UNIVERSIDAD DE ARTES, CIENCIAS Y COMUNICACION - UNIACC": false, "UNIVERSIDAD DE ATACAMA": false, "UNIVERSIDAD DE AYSEN": false, "UNIVERSIDAD DE CHILE": true, "UNIVERSIDAD DE CONCEPCION": true, "UNIVERSIDAD DE LA FRONTERA": true, "UNIVERSIDAD DE LA SERENA": false, "UNIVERSIDAD DE LAS AMERICAS": false, "UNIVERSIDAD DE LOS ANDES": false, "UNIVERSIDAD DE LOS LAGOS": false, "UNIVERSIDAD DE MAGALLANES": false, "UNIVERSIDAD DE O'HIGGINS": false, "UNIVERSIDAD DE PLAYA ANCHA DE CIENCIAS DE LA EDUCACION": false, "UNIVERSIDAD DE SANTIAGO DE CHILE": true, "UNIVERSIDAD DE TALCA": true, "UNIVERSIDAD DE TARAPACA": false, "UNIVERSIDAD DE VALPARAISO": false, "UNIVERSIDAD DE VIÑA DEL MAR": false, "UNIVERSIDAD DEL BIO-BIO": true, "UNIVERSIDAD DEL DESARROLLO": true, "UNIVERSIDAD DEL MAR": false, "UNIVERSIDAD DEL PACIFICO": false, "UNIVERSIDAD DIEGO PORTALES": false, "UNIVERSIDAD FINIS TERRAE": false, "UNIVERSIDAD GABRIELA MISTRAL": false, "UNIVERSIDAD IBEROAMERICANA DE CIENCIAS Y TECNOLOGIA, UNICYT": false, "UNIVERSIDAD LA REPUBLICA": false, "UNIVERSIDAD LOS LEONES": false, "UNIVERSIDAD MAYOR": true, "UNIVERSIDAD METROPOLITANA DE CIENCIAS DE LA EDUCACION": false, "UNIVERSIDAD MIGUEL DE CERVANTES": false, "UNIVERSIDAD PEDRO DE VALDIVIA": false, "UNIVERSIDAD SAN SEBASTIAN": true, "UNIVERSIDAD SANTO TOMAS": true, "UNIVERSIDAD SEK": false, "UNIVERSIDAD TECNICA FEDERICO SANTA MARIA": true, "UNIVERSIDAD TECNOLOGICA DE CHILE INACAP": false, "UNIVERSIDAD TECNOLOGICA METROPOLITANA": false, "UNIVERSIDAD UCINF": false })34:[] 2e:{"title":"Vis Lib","cells":[{"id":0,"value":"md`# Vis Lib`","pinned":true,"hidden":false,"mode":"ojs"},{"id":45,"value":"height = 800","pinned":true,"hidden":false,"mode":"ojs"},{"id":244,"value":"viewof searchText = text({title: \"Universidad\", placeholder: \"Nombre\", description: \"Escribe parte del nombre para seleccionarla en el gráfico\"})\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"chart1 = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":403,"value":"\nrender = myChart\n.refX(avgDimX)\n.refY(avgDimY)\n.width(width)\n.height(width * 0.75)\n.defaultItems(startupLabel)\n.data(data)\n.render(searchText);\n\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":628,"value":"schoolDict2 = ({\n \"8499\": \"Internado Nacional Barros Arana\",\n \"8485\": \"Instituto Nacional\",\n \"8888\": \"Verbo Divino\",\n \"8906\": \"Saint George\",\n \"8996\": \"San Ignacio El Bosque\",\n \"9046\": \"The Grange\",\n \"8873\": \"Villa María\",\n \"5812\": \"Colegio Alemán Temuco\",\n \"8862\": \"Tabancura\",\n\t\"11968\": \"Cumbres\",\n\t\"5654\": \"Claret\",\n\t\"5666\": \"Camilo Henriquez\",\n\t\"5570\": \"Pablo Neruda\",\n\t\"5808\": \"La Salle Temuco\",\n\t\"19908\": \"Green House\",\n \"5814\": \"Santa Cruz Temuco\",\n\t\"8927\": \"Carmela Carvajal\",\n\t\"8926\": \"Liceo 7\",\n \"8487\": \"Liceo 1, Javiera Carrera\",\n\n \n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1033,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":703,"value":"{\n myChartInstituciones\n .genero(genero)\n .renderInstituciones(selectedRBD);\n \n return md`Render Carreras`\n \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":781,"value":"{\n myChartCarreras\n .genero(genero)\n .renderCarreras(selectedRBD);\n \n return md`Render Instituciones`\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":769,"value":"selectedRBD = 8906\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":795,"value":"\nviewof genero = radio({\n title: 'Genero',\n description: 'Seleccionar para filtrar datos sólo por un género específico',\n options: [\n { label: 'Todos', value: '' },\n { label: 'Hombres', value: '1' },\n { label: 'Mujeres', value: '2' },\n ],\n value: ''\n})\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":581,"value":"chart_destino = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":775,"value":"chart_destino_carrera = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":777,"value":"myChartCarreras = (new ChartDestino(chart_destino_carrera))\n .width(width)\n .height(width * 0.75)\n .schoolDict(schoolDict)\n .data(dataLiceos)\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":583,"value":"myChartInstituciones = (new ChartDestino(chart_destino))\n.width(width)\n.height(width * 0.75)\n.schoolDict(schoolDict)\n.data(dataLiceos)\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":861,"value":"tipoIEs= [\n \"Universidades Privadas CRUCH\",\n \"Universidades Privadas\",\n \"Universidades Estatales CRUCH\", \n \"Institutos Profesionales\",\n \"Centros de Formación Técnica\",\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":579,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":309,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":316,"value":"myChart = new ChartES(chart1)\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":118,"value":"totalPrioritario = _.reduce(data_, (memo,d) => +d.prioritario + memo, 0)","pinned":true,"hidden":false,"mode":"ojs"},{"id":131,"value":"totalTop30Ranking = _.reduce(data_, (memo,d) => +d.top30 + memo, 0)","pinned":true,"hidden":false,"mode":"ojs"},{"id":124,"value":"total = _.reduce(data_, (memo,d) => +d.total +memo, 0)","pinned":true,"hidden":false,"mode":"ojs"},{"id":134,"value":"avgDimY = totalPrioritario / total","pinned":true,"hidden":false,"mode":"ojs"},{"id":136,"value":"avgDimX = totalTop30Ranking / total","pinned":true,"hidden":false,"mode":"ojs"},{"id":1206,"value":"style_bootstrap","pinned":true,"hidden":false,"mode":"ojs"},{"id":1208,"value":"import { groupedSelect, style_bootstrap } from \"@elaval/utils\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"d3 = require(\"d3\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":119,"value":"_ = require(\"lodash\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":78,"value":"data = data_.map(d => ({ \n x: +d.top30 / +d.total,\n y: +d.prioritario / +d.total ,\n size: +d.total,\n label: d.nomb_inst\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"data_ = d3.tsv(\"https://gist.githubusercontent.com/elaval/6fe1a566cf354149c39af04a3df03dd4/raw/67c911bbee8b41747f75b212a11ffacddac24226/datos_universidades_pregrado_2018_prioritarios_ranking.tsv\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":852,"value":"dataLiceos = d3.json(\"https://gist.githubusercontent.com/elaval/6fe1a566cf354149c39af04a3df03dd4/raw/790c5aab5cb6ccce8d31a5cda5286447160540a2/data_liceos_es.json\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":197,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":241,"value":"import {text, radio} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}