2b:null 2c:["$","title",null,{"children":"D3 - Mapa Provincias Argentina News | Leandro Matias Rivas | Observable"}] 31:[{"id":"53609306c143181b12dee7bd2f961d4ed908946e9d5f60100320c880600c7c0167f2ad3a0d6f747dbb111905bb819b329ea0cfd70be6b778d76b97545e222b6b","href":"https://static.observableusercontent.com/files/53609306c143181b12dee7bd2f961d4ed908946e9d5f60100320c880600c7c0167f2ad3a0d6f747dbb111905bb819b329ea0cfd70be6b778d76b97545e222b6b","name":"argentina_indec-1.json","type":"application/json","lastModified":1606785715322.376,"size":159793}] 2f:{"id":"0a1aee7b29071e93","slug":"d3-mapa-provincias-argentina-news","title":"D3 - Mapa Provincias Argentina News","thumbnail":"12f194c9215dc293c6ace82a7dbaf609267a517f0ee318355793cd8fe6e813d3","access_level":"public","create_time":"$D2020-12-01T01:13:39.437Z","update_time":"$D2020-12-07T18:05:54.908Z","view_time":null,"first_public_time":"$D2020-12-01T09:08:03.219Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"8d6954a860fd6126","login":"matrivas","name":"Leandro Matias Rivas","avatar_url":"https://avatars-next.observableusercontent.com/44044c38fbfbcc5192900cc3310ef61fdbcc8a30eed358e632ec95b13325489a","tier":"starter_2024"},"version":368,"publish_version":368,"role":null,"authored":false,"authors":[{"type":"individual","id":"c816d03b725d0abb","login":"matrivas","name":"Leandro Matias Rivas","avatar_url":"https://avatars-next.observableusercontent.com/44044c38fbfbcc5192900cc3310ef61fdbcc8a30eed358e632ec95b13325489a","tier":null}],"members":[{"type":"individual","id":"c816d03b725d0abb","login":"matrivas","name":"Leandro Matias Rivas","avatar_url":"https://avatars-next.observableusercontent.com/44044c38fbfbcc5192900cc3310ef61fdbcc8a30eed358e632ec95b13325489a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":1,"collection":{"id":"d75dcbdc170405a3","slug":"xdata","title":"Visualizacion de noticias","owner":{"id":"8d6954a860fd6126","login":"matrivas","name":"Leandro Matias Rivas"}},"type":"notebook","body":{"title":"D3 - Mapa Provincias Argentina News","cells":[{"id":0,"value":"md`# D3 - Mapa Provincias Argentina News\nNoticias por provincia`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":42,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16,"value":"{\n const svg = d3.create(\"svg\")\n .attr(\"width\",900)\n .attr(\"height\",600);\n\n\tvar projection = d3.geoMercator()\n .center([15, -37]) \n .scale(700)\n .rotate([66,0]);\n \n const geoGenerator = d3.geoPath().projection(projection);\n \n var provincias = geoJson; \n \nsvg.selectAll(\"path\")\n .data(geoJson)\n .enter()\n .append(\"path\")\n .attr(\"d\", geoGenerator)\n .attr(\"fill\", color)\n .attr(\"stroke\", \"white\")\n .attr(\"stroke-linejoin\", \"round\")\n //.attr('opacity', opacity)\n .on('click', onMouseClick)\n .on('mouseenter', onMouseEnter)\n .on('mouseleave', onMouseLeave);\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":302,"value":"html`${divNews}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":319,"value":"mutable divNews = '';","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":331,"value":"mutable array = [];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":285,"value":"{\n let content = '

';\n let i = 0;\n array.forEach(n => {\n let img = medios.filter(m => m.source === n.source);\n console.log(img);\n content += card(img[0].favicon, n.title, n.summary.substring(0, 200)+'...', n.url, n.source); \n i++;\n if(i % 4 == 0) {\n content += '

';\n content += '

';\n }\n\n });\n\n content += '

';\n //return content;\n \n mutable divNews = content;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":286,"value":"card = (img, title, text, url, source) => {\nlet content = '

$\"...\"$

'+title+'

'+text+'

Ir a '+source+'

'\n \n return content;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":143,"value":"newsTotal = [].concat(news1).concat(news2).concat(news3);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":118,"value":"news3 = news('San Luis,San Juan,Santa Cruz,Santa Fe,Santiago del Estero,Tierra del Fuego,Tucumán');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":115,"value":"news2 = news('Jujuy,La Pampa,La Rioja,Mendoza,Misiones,Neuquén,Río Negro,Salta');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":102,"value":"news1 = news('Buenos Aires,Catamarca,Chaco,Chubut,Córdoba,Corrientes,Entre Ríos,Formosa');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":212,"value":"colorScale = {\n const maxValue = newsTotal.reduce((a,b) => a.counter < b.counter ? b : a).counter;\n const minValue = newsTotal.reduce((a,b) => a.counter > b.counter ? b : a).counter;\n \n return d3.scaleLinear().domain([minValue, maxValue]).range(['lightgray', 'gray']); // or use hex values\n}\n\n ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":169,"value":"sizeScale = {\n const maxValue = newsTotal.reduce((a,b) => a.counter < b.counter ? b : a).counter;\n const minValue = newsTotal.reduce((a,b) => a.counter > b.counter ? b : a).counter;\n \n return d3.scaleLinear().domain([minValue, maxValue]).range([0, 1]);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":260,"value":"function successCallback(result) {\n mutable array = result;\n console.log(result[0].url);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":264,"value":"function failureCallback(error) {\n console.error(error);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":248,"value":"function newsPerDate(word) {\n return d3.json(\"https://pf2.it.itba.edu.ar/api/busqueda?d_from=\"+startDay+\"&words=\"+word)\n .then(json => {\n return json.data;\n})\n.catch(error => {\n console.error(error);\n});\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":99,"value":"function news(words) {\n let newsCounter = [];\n return d3.json(\"https://pf2.it.itba.edu.ar/api/tendencias?d_from=\"+startDay+\"&words=\"+words)\n .then(json => {\n let days = json.data; \n //este IF es un parche!\n if(days === undefined) {\n words.split(',').forEach(p => newsCounter.push({provincia: p, counter: 0}));\n return newsCounter;\n }\n \n days.forEach(day => {\n let keys = Object.keys(day);\n let values = Object.values(day);\n let index = keys.indexOf('publication_date');\n keys.splice(index, 1);\n values.splice(index, 1);\n \n for(let i = 0; i < keys.length; i++) {\n let prov = newsCounter.find(nc => nc.provincia === keys[i]);\n if(prov) {\n prov.counter += values[i];\n } else {\n newsCounter.push({provincia: keys[i], counter: values[i]});\n }\n }\n });\n return newsCounter;\n})\n.catch(error => {\n console.error(error);\n});\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":156,"value":"//https://es.stackoverflow.com/questions/62031/eliminar-signos-diacr%C3%ADticos-en-javascript-eliminar-tildes-acentos-ortogr%C3%A1ficos\nfunction eliminarDiacriticos(texto) {\n return texto.normalize('NFD').replace(/[\\u0300-\\u036f]/g,\"\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":37,"value":"function onMouseEnter(event, d) {\n this.setAttribute('fill', 'steelblue');\n this.setAttribute('style', '');\n let name = eliminarDiacriticos(d.properties.administrative_area[0].name);\n let counter = newsTotal.find(n => name.includes(eliminarDiacriticos(n.provincia))).counter; \n d3.select('#currentPos').text('PROVINCIA: '+ name + ' - CANTIDAD DE NOTICIAS: ' + counter);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":40,"value":"function onMouseLeave(event, d) {\n this.setAttribute('fill', color(d));\n this.setAttribute('style', '');\n d3.select('#currentPos').text('')\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":71,"value":"function onMouseClick(event, d) {\n mutable divNews = 'Cargando...'\n let name = eliminarDiacriticos(d.properties.administrative_area[0].name);\n let word = newsTotal.find(n => name.includes(eliminarDiacriticos(n.provincia))).provincia; \n let data = newsPerDate(word).then(successCallback, failureCallback);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":224,"value":"function color(d) {\n let name = eliminarDiacriticos(d.properties.administrative_area[0].name);\n let counter = newsTotal.find(n => name.includes(eliminarDiacriticos(n.provincia))).counter; \n return colorScale(counter);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":106,"value":"startDay = moment().add(-1, 'd').format(\"YYYY-MM-DD\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":95,"value":"endDay = moment().format(\"YYYY-MM-DD\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":289,"value":"medios = {\n return d3.json(\"https://pf2.it.itba.edu.ar/api/medios\")\n .then(json => {\n return json.data;\n})\n.catch(error => {\n console.error(error);\n});\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":12,"value":"geoJson = topojson.feature(provincias, provincias.objects.provincias).features;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8,"value":"provincias = FileAttachment(\"argentina_indec-1.json\").json();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"topojson = require(\"topojson\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":281,"value":"stylesheet = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2,"value":"d3 = require(\"d3@6\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":92,"value":"moment = require('moment')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"