3f:null 40:["$","title",null,{"children":"SCATTER PLOT | Andrés Darío Gutiérrez Poveda | Observable"}] 46:T6c3,style = html``47:[{"id":"81c971360f83388aa4aac772e5effcd772fdc11a3a3d4e482527fa3c6cf994eef0f5ba5f3c076c21086062a15d6ae38c3cff92c79899ce40fdf5b6bcb7b11b43","href":"https://static.observableusercontent.com/files/81c971360f83388aa4aac772e5effcd772fdc11a3a3d4e482527fa3c6cf994eef0f5ba5f3c076c21086062a15d6ae38c3cff92c79899ce40fdf5b6bcb7b11b43","name":"globalterrorismdb_0221dist - Col-3@2.csv","type":"text/csv","lastModified":1625497015255.49,"size":461414}] 44:{"id":"4bc4491a1572fda2","slug":"scatter-plot","title":"SCATTER PLOT","thumbnail":"bfc4a3f7403c17c0adcc11d7c75d0bee0393bd8ece2445923313a6e22436de2b","access_level":"public","create_time":"$D2021-07-05T12:01:56.340Z","update_time":"$D2021-07-24T16:40:22.463Z","view_time":null,"first_public_time":"$D2021-07-07T16:04:54.175Z","has_unpublished_edits":null,"fork":{"id":"7c70d4e8cfbfccda","slug":"log-scatter-plot","title":"SCATTER PLOT WITH AXES","owner":{"id":"6661932e6ac85aef","login":"sandraviz","name":"Sandraviz"}},"stars":0,"starred":false,"owner":{"type":"team","id":"cc670b30deadcdae","login":"adgp","name":"Andrés Darío Gutiérrez Poveda","avatar_url":"https://avatars-next.observableusercontent.com/f5baaf8428b73fd2c6de2f5f1c7b060a7cdf86547acef5e22686077a04e06b46","tier":"starter_2024","bio":"","following":false},"version":825,"publish_version":825,"role":null,"authored":false,"authors":[{"type":"individual","id":"4898ff1f0923efec","login":"adgp","name":"Andrés Darío Gutiérrez Poveda","avatar_url":"https://avatars-next.observableusercontent.com/f5baaf8428b73fd2c6de2f5f1c7b060a7cdf86547acef5e22686077a04e06b46","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"4898ff1f0923efec","login":"adgp","name":"Andrés Darío Gutiérrez Poveda","avatar_url":"https://avatars-next.observableusercontent.com/f5baaf8428b73fd2c6de2f5f1c7b060a7cdf86547acef5e22686077a04e06b46","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"titling":"auto","title":"SCATTER PLOT","cells":[{"id":0,"value":"md`# SCATTER PLOT `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"md`En este note book se trabajó el set de datos GLOBALE TERRORISM DATABASE 1970-2019 y se concentra específicamente en Colombia.
\nUn primer punto que se puede identificar dentro del set es que faltan datos del año 1993.
\nSe identifica el inicio de la guerrilla en los 70 y el efecto del narcotráfico de mediados de los 80 a principios de los 90.
\nSe identifica un comportamiento de reducción desde el 2002 en adelante, que corresponde a la guerra frontal del gobierno de turno. Siendo este set solo sobre ataques terroristas se entiende el porqué la disminución. Si fuera un set de victimas del conflicto estos serían loa años mostrando más rojos.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"chart = {\n \nconst svg = d3.select(DOM.svg(w, h));\n \nlet circles = svg.selectAll(\"circle\")\n \t.data(Atentados)\n \t.enter()\n \t.append(\"circle\")\n .style('fill', d => scale.c(d.nkill))\n \t.attr(\"cx\", d => scale.x(d.imonth))\n \t.attr(\"cy\", d => scale.y(d.iyear))\n \t.attr(\"r\", d => scale.r(d.nkill));\n\nlet formatNumber = d3.format(\"\");\n \nlet xaxis = svg.append(\"g\")\n \t.attr(\"class\", \"x-axis\")\n \t.attr(\"transform\", `translate(0, ${h - margin.bottom})`)\n \t.call(d3.axisBottom()\n .scale(scale.x)\n .ticks(10)\n .tickSize(-h)\n \t .tickPadding(20) \t\t\t\t\t \n \t\t\t\t\t .tickFormat(formatNumber));\n\nlet yaxis = svg.append(\"g\")\n \t.attr(\"class\",\"y-axis\")\n \t.attr(\"transform\",`translate(50,0)`)\n \t.call(d3.axisLeft()\n \t\t\t\t\t .scale(scale.y)\n .ticks(20)\n .tickSize(-h)\n \t .tickPadding(10)\n );\n \nreturn svg.node();\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"md` ### Carga del archvio CSV`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":756,"value":"Atentados = FileAttachment(\"globalterrorismdb_0221dist - Col-3@2.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":784,"value":"md`### Definición de escalas`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":792,"value":"md`En esta sección tenemos la definición de las escalas para:\n

El eje X (x): Un número entre el 0 y el 12, identificando cada uno de los meses del año.
El eje Y (y): Se escala para que quepan todos lo años que vienen en el archivo, 1970-2019.
El color (c): Se escala de acuerdo con el número de victimas del atentado. El gradiente va desde el verde hasta el rojo.
El radio (r): Se escala el radio de los círculos de el número de victimas del atentado. El tamaño va desde 1 a 10. Esto se hizo para que se observaran los puntos que quedaban debajo del último punto verde.

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":335,"value":"scale = {\n\nconst x = d3.scaleLinear()\n .domain(d3.extent([\"0\",\"12\"]))\n .range([margin.left, w - margin.right]);\n \nconst c = d3.scaleLinear()\n .domain(d3.extent(Atentados, dk => dk.nkill))\n .range(['#006F39', '#8F0000']);\n \nconst y = d3.scaleLinear()\n .domain(d3.extent(Atentados, dy => dy.iyear))\n .rangeRound([h - margin.bottom, margin.top]);\n\nconst r = d3.scaleLinear()\n .domain(d3.extent(Atentados, dr => dr.nkill))\n .range([1, 10]);\n\nreturn {x:x, c:c, y:y, r:r}\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":823,"value":"md`### Importanciónde libreria D3`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":812,"value":"md`### Definición de las márgenes de la gráfica`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":470,"value":"margin = ({top: 20, right: 250, bottom: 50, left: 100})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":809,"value":"md`### Definición del alto y ancho de la gráfica`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":452,"value":"h = 600","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":455,"value":"w = 900","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":815,"value":"md`### Definición del estilo utilizado para la gráfica`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W47","stdlib":"1"}} 45:"$44:body"