3f:null 40:["$","title",null,{"children":"Untitled | Juan C. Sanguino | Observable"}] 46:T137e,chart = { const target = html`

Tras haber reducido su tasa de mortalidad en menores de 5 años, Bogotá empieza a sufrir de nuevo un incremento en esta

Desde el 2006, Bogotá ha tenido una gran mejoria en cuanto a su tasa de mortalidad en niños menores de 5 años. Pero, desde el 2015 empieza a desmejorar

Tasa de mortalidad

Nacidos vivos

Muertos

`; const width = 450, height = 300, svg = d3.select(target).select("#chart") .append("svg") .attr("width", width) .attr("height", height); const margin = ({top: 20, right: 30, bottom: 30, left: 40}), iwidth = width - margin.left - margin.right, iheight = height - margin.top - margin.bottom; const gDrawing = svg.append("g") .attr("transform", `translate(${margin.left}, ${margin.top})`); var maxTasa = d3.max(ml, (d)=> d.Tasa); var minAños = d3.min(ml , (d)=> d.año); var maxAños = d3.max(ml , (d)=> d.año); const x = d3.scaleTime() .domain([minAños, maxAños]) .range([0, iwidth]); const y = d3.scaleLinear() .domain([0, maxTasa]) .range([iheight, 0]) .nice(); var line = d3.line() .x((d) => x(d.año)) .y((d) => y(d.Tasa)); const xAxis = svg => svg .attr("transform", `translate(0,${iheight})`) .call(d3.axisBottom(x)); const yAxis = svg => svg .call(d3.axisLeft(y)); gDrawing.append("g") .call(xAxis); gDrawing.append("g") .call(yAxis); gDrawing.append("path") .attr("class", "line") .attr("fill", "none") .attr("stroke", "steelblue") .attr("stroke-width", 1.5) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .attr("d", line(ml)); //============================================= //============================================= //============================================= const width2 = 450, height2 = 300, margin2 = ({top: 20, right: 30, bottom: 30, left: 50}); const svg2 = d3.select(target).select("#chart2") .append("svg") .attr("width", width2) .attr("height", height2); const gDrawing2 = svg2.append("g") .attr("transform", `translate(${margin2.left}, ${margin2.top})`); var maxVivos = d3.max(ml, (d)=> d.Vivos); const y2 = d3.scaleLinear() .domain([0, maxVivos]) .range([iheight, 0]) .nice(); var line1 = d3.line() .x((d) => x(d.año)) .y((d) => y2(d.Vivos)); const yAxis2 = svg2 => svg2 .call(d3.axisLeft(y2)); gDrawing2.append("g") .call(xAxis); gDrawing2.append("g") .call(yAxis2); gDrawing2.append("path") .attr("class", "line") .attr("fill", "none") .attr("stroke", "steelblue") .attr("stroke-width", 1.5) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .attr("d", line1(ml)); //============================================= //============================================= //============================================= const svg3 = d3.select(target).select("#chart3") .append("svg") .attr("width", width2) .attr("height", height2); const gDrawing3 = svg3.append("g") .attr("transform", `translate(${margin2.left}, ${margin2.top})`); var maxMuertos = d3.max(ml, (d)=> d.Muertes); const y3 = d3.scaleLinear() .domain([0, maxMuertos]) .range([iheight, 0]) .nice(); var line2 = d3.line() .x((d) => x(d.año)) .y((d) => y3(d.Muertes)); const yAxis3 = svg3 => svg3 .call(d3.axisLeft(y3)); gDrawing3.append("g") .call(xAxis); gDrawing3.append("g") .call(yAxis3); gDrawing3.append("path") .attr("class", "line") .attr("fill", "none") .attr("stroke", "steelblue") .attr("stroke-width", 1.5) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .attr("d", line2(ml)); return target; }47:T455,ml = { var formatYear = d3.timeParse("%Y"); var resp = []; var No_Muertes = 0; var NacidosVivos =0; var tasa = 0.0; var Año =2006; data.forEach(d => { if(Año != 2017){ if(parseInt(d['Año']) == Año) { if(d['No. Muertes'] != "") { No_Muertes += parseInt(d['No. Muertes']); } if(d['Nacidos vivos'] != "") { NacidosVivos += parseInt(d['Nacidos vivos']); } } else{ resp.push({ Muertes : No_Muertes, Vivos : NacidosVivos, año : formatYear("" +Año), Tasa : parseFloat(((No_Muertes * 1000)/NacidosVivos).toFixed(2)) }); No_Muertes = 0; NacidosVivos = 0; Año = parseInt(d['Año']); if(d['No. Muertes'] != "") { No_Muertes += parseInt(d['No. Muertes']); } if(d['Nacidos vivos'] != "") { NacidosVivos += parseInt(d['Nacidos vivos']); } } }}) return resp; }48:[] 44:{"id":"8130a8e0fc4fa96f","slug":"untitled","title":"","thumbnail":"c6810202108e3c755e0bd06b731eecda3ef6735e57f9b75115c29abd41f0170b","access_level":"public","create_time":"$D2019-08-28T01:24:00.577Z","update_time":"$D2019-12-09T20:13:10.993Z","view_time":null,"first_public_time":"$D2019-10-15T22:28:38.804Z","has_unpublished_edits":null,"fork":{"id":"3a50cdd10d94f565","slug":"chart-template-same-cell","title":"Chart Template Same Cell","owner":{"id":"cd3c1e49fc84d010","login":"john-guerra","name":"John Alexis Guerra Gómez"}},"stars":0,"starred":false,"owner":{"type":"team","id":"561cbfd91d4c293b","login":"jcsanguino10","name":"Juan C. Sanguino","avatar_url":"https://avatars-next.observableusercontent.com/dacd41d39352452a13633fd532154eb8a7d45de6120eb8ef7f3ab0d8a61f7c10","tier":"starter_2024","bio":"","following":false},"version":340,"publish_version":340,"role":null,"authored":false,"authors":[{"type":"individual","id":"000c0bbe77eaa5ff","login":"jcsanguino10","name":"Juan C. Sanguino","avatar_url":"https://avatars-next.observableusercontent.com/dacd41d39352452a13633fd532154eb8a7d45de6120eb8ef7f3ab0d8a61f7c10","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"000c0bbe77eaa5ff","login":"jcsanguino10","name":"Juan C. Sanguino","avatar_url":"https://avatars-next.observableusercontent.com/dacd41d39352452a13633fd532154eb8a7d45de6120eb8ef7f3ab0d8a61f7c10","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"","cells":[{"id":0,"value":"md`## Tasa de mortalidad en Bogotá
\nFrecuencia de mortalidad de los niños menores de 5 años (un niño muerto por cada 1000) `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":286,"value":"md `# Datos y usuarios
\nPara esta visualización se tomaron unos datos provenientes de MinTic donde se realiza una estadistica de la tasa de mortalidad, la cantidad de niños nacidos (vivios) y muertos por año, todo estos datos se toman por cada localidad de Bogota.\nVale la pena resaltar que estos datos tenian registros de 2017, pero en visto de que no se encotraban todas las localidades se omitio.
\nEl publico es toda persona interesada en la salud de los niños en Bogotá y en general abierto a todo publico.\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":289,"value":"md` # Analisis framework Tamara:\n## What
\nEl dataset es de tipo temporal y estatico, ya que dichos datos provienen dde un archivo csv el cual no ha vuelto a ser actulizado.
\nEl dataset original cuenta con 5 atributos: 4 ordenados > cuantitativos > secuenciales (\"No. Muertes\", \"Nacidos vivos\", \"tasa por mil\" y el \"Año\") y 1 atributo categorico que es la \"Localidad\".
\nDe dichos datos se realizo un derive y se obtuvo un dataset final que cuenta con 4 atributos ordenados > cuantitativos > secuenciales (Muertes, Vivos, año, Tasa). `\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":299,"value":"md `## Why
\n### Tarea principal.
\n1.Identificar las tendencias de la tasa mortalidad de los menores de edad en Bogota desde el 2006 hasta el 2016. (Identify-> trends)
\n### Tareas secundarias.
\n1.Identificar una correlación entre la tasa de mortalidad de los menores de 5 y la cantidad de niños nacidos (Identify, correlation)
\n2.Identificar una correlación entre la tasa de mortalidad de los menores de 5 y la cantidad de niños muertos (Identify, correlation)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":306,"value":"md `\n## How
\n\nIdiom: Line chart
\nMarca: Linea.
\nCanales: Posicion vertical.
\nEncode -> Arrange -> Express
\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":336,"value":"md `## Conclusiones\nAunque la tarea principal de la visualizacion es identificar la tendencia de la tasa de mortalidad de los niños menores de 5 años en Bogotá, Era necesario analizar si dichas tendencias se encontraban influenciadas por una baja en el numero de niños muertos o por un aumento en la cantidad de nacimientos. Ya que, la tasa se calcula con la formula #Muertes*1000/ #Nacidos_vivos. Adicionalmente, se hizo el uso de tres modales diferentes, ya que las escalas no tenian valroes compatibles de tal manera que se pudieran analizar todos los atributos en una sola.
\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"data = d3.csv(\"https://raw.githubusercontent.com/jcsanguino10/VisualAnalytics/master/datosLimpiosTemporales.csv\")\n .then(data => {\n data.forEach(d =>{\n d['Nacidos vivos'] = d['Nacidos vivos'].replace(\".\",\"\")\n })\n return data;\n }); ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W48","stdlib":"1"}} 45:"$44:body"