45:["$","title",null,{"children":"Fallecidos por departamento | angelesbri1s | Observable"}] 4d:Tfa9,beeswarm = (data, date, type, toColor) => { ////// Chart configuration const radius = d3.scaleLinear() .domain([1, 7299]) .range([2, 6]) const bee_size = 3; const padding = 1.5; const size = { w: 800, h: 700 }; const margin = { top: 100, bottom: 30, left: 130, right: 100 }; const colors = "#e6ab02"; const xScale = d3 .scaleTime() .range([0, size.w]) .domain(d3.extent(data, (d) => d.Data)); const colorScale = d3 .scaleSequential() .domain([0, d3.max(data, (d) => d[toColor])]) .interpolator(d3.interpolateHcl("CornflowerBlue")); //https://observablehq.com/@philippkoytek/color-interpolations let category = [...new Set(data.map((d) => d[type]))]; category.reverse(); ////// Chart drawing const svg = d3.select( DOM.svg( size.w + margin.left + margin.right, size.h + margin.top + margin.bottom ) ); const g = svg .append("g") .attr("transform", `translate(${margin.left}, ${margin.top})`); // x axis const xAxis = d3.axisBottom().scale(xScale).ticks(d3.timeYear); g.append("g") .attr("transform", `translate(0, ${size.h - margin.top})`) .call(xAxis) .select(".domain") .remove(); // y scale const yScale = d3 .scalePoint() .domain(category) .range([0, size.h - margin.top - margin.bottom]); const yAxis = d3.axisLeft() .scale(yScale) .tickSizeInner((size.w)*-1); g.append("g") //.attr("transform", `translate(0,0)`) .call(yAxis) .select(".domain") .attr("stroke", "blue") //'stroke-width', 1) .attr('stroke', 'lightgray') .remove(); //Tooltip const toolTip = d3.select("body").append("div").attr("class", "toolTip"); // mouseover function const formatDate = d3.timeFormat("%Y/%m/%d %H:%M:%S") function nodeMouseOver(event, d) { toolTip .style("left", event.pageX + 18 + "px") .style("top", event.pageY + 18 + "px") .style("display", "block") .html( `

${d["body"]}

Fecha

${d["Data"]}

Evento

${d["Evento"]}

Estado Muerte

${d["hashtags"]}

Departamento

${d["Zona Geografica"]}

Ciudad Hecho

${d["ciudad_hecho"]}

Torturado

${d["Torturado"]}

Tipo de Lesión

${d["Tipo de Lesion"]}

Lugar de la lesión

${d["Lugar de la Lesion"]}

Edad

${d["sent"]}

Pro gobierno

${d["Progob"]}

Institución médica

${d["Inst_Medica"]} ` ); d3.select(event.target).style("cursor", "pointer"); } // mouseout function function nodeMouseOut(event, d) { // Hide tooltip on mouse out toolTip.style("display", "none"); // Hide toolTip // Optional cursor change removed d3.select(event.target).style("cursor", "default"); // Optional highlight removed d3.select(event.target) .transition() //.attr("fill", (d) => colorScale(d[toColor])); } // circles const bee = g .append("g") .attr("class", "bee") .attr("transform", `translate(0,0)`); const nodes = bee .selectAll("circle") .data(data) .enter() .append("circle") .attr("class", "node") .attr("cy", (d) => { d.y = size.h / 2; return d.y; }) .attr("cx", (d) => { d.x = xScale(d[date]); return d.x; }) .attr("r", (d) => bee_size) .attr("fill", (d) => color_dict[d.hashtags]) .attr("fill-opacity", 0.7) .on("mousemove", nodeMouseOver) .on("mouseout", nodeMouseOut); let simulation = d3 .forceSimulation() .force("collide", d3.forceCollide(bee_size + padding)) .force("x", d3.forceX((d) => d.x).strength(1)) .alphaMin(0.00001); if (category) { simulation.force("y", d3.forceY((d) => yScale(d[type])).strength(1)); } else { simulation.force("y", d3.forceY((d) => d.y).strength(1)); } simulation.nodes(data).on("tick", () => { nodes.attr("cx", (d) => d.x).attr("cy", (d) => d.y); }); return svg.node(); }4e:[{"id":"a9323ecc2c3b1c05a14fb3a6ec45c20ae0677787dcd864f548d4720093f427f3b57164d8c33c0e39f9faa314ba8170d162ea51d2820367c4ac0063d0375a9670","href":"https://static.observableusercontent.com/files/a9323ecc2c3b1c05a14fb3a6ec45c20ae0677787dcd864f548d4720093f427f3b57164d8c33c0e39f9faa314ba8170d162ea51d2820367c4ac0063d0375a9670","name":"authors per obs-6@4.csv","type":"text/csv","lastModified":1666371466404.331,"size":50112}] 49:{"id":"cbbc0479fd16fc83","slug":"fallecidos-por-departamento","title":"Fallecidos por departamento","thumbnail":"a4b6839a17e10b0df35975defe8c6dd6dc317b1dae25129458648b1ef5b6d9b5","access_level":"public","create_time":"$D2022-10-21T16:07:57.325Z","update_time":"$D2022-10-23T18:52:42.928Z","view_time":null,"first_public_time":"$D2022-10-22T10:40:18.286Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"47410468a378aad6","login":"angelesbri1s","name":"","avatar_url":"https://avatars-next.observableusercontent.com/00a3dd4d61a400bdc4c9a54495539c113bc5b3b9ab8cee779df971ec84f6dfcc","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":833,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5cfb040d7104df94","login":"angelesbri1s","name":"","avatar_url":"https://avatars-next.observableusercontent.com/00a3dd4d61a400bdc4c9a54495539c113bc5b3b9ab8cee779df971ec84f6dfcc","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"5cfb040d7104df94","login":"angelesbri1s","name":"","avatar_url":"https://avatars-next.observableusercontent.com/00a3dd4d61a400bdc4c9a54495539c113bc5b3b9ab8cee779df971ec84f6dfcc","tier":null,"role":"editor"},{"type":"individual","id":"00fdb9b1d14eff97","login":"lucadra","name":"","avatar_url":"https://avatars-next.observableusercontent.com/66adfdd1a99d21cf1ce56e104205c27696b552f603d46b536a03aad055ca7b57","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Fallecidos por departamento","cells":[{"id":0,"value":"# Fallecidos por departamento","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":739,"value":"slider = interval([0, numberOfDays], {\n step: 1,\n value: [0, 8],\n label: 'My slider',\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"//beeswarm(dataset, assex,assey,colore)\nchart = beeswarm(data, \"Data\", \"Zona Geografica\", \"sent\", \"body\", \"hashtags\", \"ciudad_hecho\",\t\"Inst_Medica\",\t\"Progob\", \"Evento\",\t\"Torturado\",\t\"Tipo de Lesion\",\t\"Lugar de la Lesion\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":813,"value":"d3.max(filtered_data.map(d => d.Data))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":688,"value":"color_dict = ({ \n \"HERIDO/MUERTO\" : '#F794F0',\n \"MUERTO\" : '#62A835',\n \"MUERTO (DUDOSO)\" : '#5500F9',\n \"DESAPARECIDO/MUERTO\" : '#FFB000'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":764,"value":"start = d3.min(data.map(d => d.Data))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":583,"value":"end = d3.max(data.map(d=>d.Data))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":778,"value":"numberOfDays = d3.timeDay.count(start, end)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":780,"value":"timeScale = d3.scaleTime()\n .domain([start, end])\n\t.range([0, numberOfDays])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":783,"value":"date_start = timeScale.invert(slider.value[0])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":786,"value":"date_end = timeScale.invert(slider.value[1])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":356,"value":"html`\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"## data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":461,"value":"dataFile = FileAttachment(\"authors per obs-6@4.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"dataFileOld = FileAttachment(\"authors per obs-6@4.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"parseDate = d3.timeParse(\"%Y/%m/%d %H:%M:%S\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":516,"value":"formatDate = d3.timeFormat(\"%Y/%m/%d %H:%M:%S\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"data = dataFile.map((d) => {\n return {\n ...d,\n Data: parseDate(d.Data),\n sent: +d.sent\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":729,"value":"filtered_data = data.filter((d) => timeScale.invert(slider.value[0]) < d.Date)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"d3 = require(\"d3@v6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":733,"value":"import {interval} from '@mootari/range-slider@1781'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4e","stdlib":"1"}} 44:null