2d:null 2e:["$","title",null,{"children":"Boom Latinoamericano | Jonathan Moreno Narvaez | Observable"}] 33:T2b6c,chart_1 = { const svg = d3.create("svg") .attr("width", width) .attr("height", height); svg.append("path") .datum(d3.geoGraticule()) .attr("d", path) .attr("fill", "none") .attr("stroke", "#f0f0f0"); svg.append("path") .datum(worldGeojsonOuter) .attr("fill", "white") //.attr("stroke", "#aaa") .attr("stroke", "#eee") .attr("d", path); /*svg.append("defs") .append("pattern") .attr("patternUnits", "objectBoundingBox") .attr("id", "COL") .append("image") //.attr("xlink:href", "http://hernamvel.github.io/images/colombia.png"); .attr("xlink:href", "https://cdn1.iconfinder.com/data/icons/user-pictures/100/male3-128.png"); //.attr("xlink:href",await FileAttachment("colombia.png").url()); //.attr("xlink:href",FileAttachment("colombia.png").url());*/ //----------------------- const defs = svg.append("defs"); defs.append("pattern") .attr("id","COL") .attr("height","100%") .attr("width","100%") .attr("patternContentUnits","objectBoundingBox") .append("image") .attr("height",1) .attr("width",1) .attr("preserveAspectRatio","none") .attr("xmlns:xlink","https://www.w3.org/1999/xlink") // .attr("xlink:href","https://scontent-bog1-1.xx.fbcdn.net/v/t1.0-9/67793663_10218526127639802_3061337501860888576_n.jpg?_nc_cat=111&_nc_sid=730e14&_nc_eui2=AeFffz-gBt7v3mkR73TDNi_gh7wc18G7guqHvBzXwbuC6rl52wTwb-yANsA7ScdIyyw&_nc_ohc=HmvWoOHOg6UAX8pyeGD&_nc_ht=scontent-bog1-1.xx&oh=b92ac7d14e2cb35b4ca9650af6a79136&oe=5EBA3F56"); .attr("xlink:href",await FileAttachment("colombia.png").url()); defs.append("pattern") .attr("id","ARG") .attr("height","100%") .attr("width","100%") .attr("patternContentUnits","objectBoundingBox") .append("image") .attr("height",1) .attr("width",1) .attr("preserveAspectRatio","none") .attr("xmlns:xlink","https://www.w3.org/1999/xlink") .attr("xlink:href","https://upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Flag_of_Argentina.svg/1280px-Flag_of_Argentina.svg.png"); //.attr("xlink:href",await FileAttachment("colombia.png").url()); defs.append("pattern") .attr("id","PAN") .attr("height","100%") .attr("width","100%") .attr("patternContentUnits","objectBoundingBox") .append("image") .attr("height",1) .attr("width",1) .attr("preserveAspectRatio","none") .attr("xmlns:xlink","https://www.w3.org/1999/xlink") .attr("xlink:href","https://upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Flag_of_Panama.svg/900px-Flag_of_Panama.svg.png"); //.attr("xlink:href",await FileAttachment("colombia.png").url()); defs.append("pattern") .attr("id","PER") .attr("height","100%") .attr("width","100%") .attr("patternContentUnits","objectBoundingBox") .append("image") .attr("height",1) .attr("width",1) .attr("preserveAspectRatio","none") .attr("xmlns:xlink","https://www.w3.org/1999/xlink") .attr("xlink:href","https://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Flag_of_Peru_%28war%29.svg/1280px-Flag_of_Peru_%28war%29.svg.png"); //.attr("xlink:href",await FileAttachment("colombia.png").url()); defs.append("pattern") .attr("id","MEX") .attr("height","100%") .attr("width","100%") .attr("patternContentUnits","objectBoundingBox") .append("image") .attr("height",1) .attr("width",1) .attr("preserveAspectRatio","none") .attr("xmlns:xlink","https://www.w3.org/1999/xlink") .attr("xlink:href","https://upload.wikimedia.org/wikipedia/commons/f/fc/Flag_of_Mexico.svg"); //.attr("xlink:href",await FileAttachment("colombia.png").url()); defs.append("pattern") .attr("id","BOL") .attr("height","100%") .attr("width","100%") .attr("patternContentUnits","objectBoundingBox") .append("image") .attr("height",1) .attr("width",1) .attr("preserveAspectRatio","none") .attr("xmlns:xlink","https://www.w3.org/1999/xlink") .attr("xlink:href","https://upload.wikimedia.org/wikipedia/commons/thumb/d/de/Flag_of_Bolivia_%28state%29.svg/1100px-Flag_of_Bolivia_%28state%29.svg.png"); //.attr("xlink:href",await FileAttachment("colombia.png").url()); defs.append("pattern") .attr("id","BRA") .attr("height","100%") .attr("width","100%") .attr("patternContentUnits","objectBoundingBox") .append("image") .attr("height",1) .attr("width",1) .attr("preserveAspectRatio","none") .attr("xmlns:xlink","https://www.w3.org/1999/xlink") .attr("xlink:href","https://image.freepik.com/vector-gratis/ilustracion-bandera-brasil_53876-27017.jpg"); //.attr("xlink:href",await FileAttachment("colombia.png").url()); defs.append("pattern") .attr("id","CHL") .attr("height","100%") .attr("width","100%") .attr("patternContentUnits","objectBoundingBox") .append("image") .attr("height",1) .attr("width",1) .attr("preserveAspectRatio","none") .attr("xmlns:xlink","https://www.w3.org/1999/xlink") .attr("xlink:href","https://upload.wikimedia.org/wikipedia/commons/7/78/Flag_of_Chile.svg"); //.attr("xlink:href",await FileAttachment("colombia.png").url()); defs.append("pattern") .attr("id","URY") .attr("height","100%") .attr("width","100%") .attr("patternContentUnits","objectBoundingBox") .append("image") .attr("height",1) .attr("width",1) .attr("preserveAspectRatio","none") .attr("xmlns:xlink","https://www.w3.org/1999/xlink") .attr("xlink:href","https://cdn.countryflags.com/thumbs/uruguay/flag-800.png"); //.attr("xlink:href",await FileAttachment("colombia.png").url()); defs.append("pattern") .attr("id","ECU") .attr("height","100%") .attr("width","100%") .attr("patternContentUnits","objectBoundingBox") .append("image") .attr("height",1) .attr("width",1) .attr("preserveAspectRatio","none") .attr("xmlns:xlink","https://www.w3.org/1999/xlink") .attr("xlink:href","https://upload.wikimedia.org/wikipedia/commons/e/e8/Flag_of_Ecuador.svg"); //.attr("xlink:href",await FileAttachment("colombia.png").url()); defs.append("pattern") .attr("id","PRY") .attr("height","100%") .attr("width","100%") .attr("patternContentUnits","objectBoundingBox") .append("image") .attr("height",1) .attr("width",1) .attr("preserveAspectRatio","none") .attr("xmlns:xlink","https://www.w3.org/1999/xlink") .attr("xlink:href","https://upload.wikimedia.org/wikipedia/commons/2/27/Flag_of_Paraguay.svg"); //.attr("xlink:href",await FileAttachment("colombia.png").url()); defs.append("pattern") .attr("id","HND") .attr("height","100%") .attr("width","100%") .attr("patternContentUnits","objectBoundingBox") .append("image") .attr("height",1) .attr("width",1) .attr("preserveAspectRatio","none") .attr("xmlns:xlink","https://www.w3.org/1999/xlink") .attr("xlink:href","https://upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Flag_of_Honduras_%28darker_variant%29.svg/1200px-Flag_of_Honduras_%28darker_variant%29.svg.png"); //.attr("xlink:href",await FileAttachment("colombia.png").url()); //----------------------- svg.selectAll(".country") .data(laGeojson.features) .enter().append("path") .attr("class", "country") //.attr("fill", "#ddd") //.attr("opacity", "70%") //.attr('fill', d => d.properties.ISO_A3 == "COL" ? 'red': 'steelblue') //.attr('fill', 'steelblue') .attr('fill', d => color_country(d.properties.ISO_A3)) //.attr('fill', d => d.properties.ISO_A3 == "COL" ? "url(#COL)": 'steelblue') .attr("d", path); svg.append("path") .datum(worldGeojsonInner) .attr("fill", "none") .attr("stroke", "#eee") .attr("d", path); svg.append("g") .call(scaleBar); const div_tool = d3.select("body").append("div") .attr("class", "tooltip") .style("opacity", 0); //.attr("x", "10px") //.attr("y", "10px"); svg .selectAll(".country") .on("mouseover", function(d) { if(latinamerica_boom.includes(d.properties.ISO_A3)){ d3.select(this) //.attr("stroke", "red") .attr("stroke", "black") //.attr('fill', d => d.properties.ISO_A3 == "COL" ? "url(#COL)": 'steelblue') .attr('fill', function(d){ let col = 'steelblue' if (d.properties.ISO_A3 == "COL"){ col = "url(#COL)" } else if(d.properties.ISO_A3 == "ARG"){ col = "url(#ARG)" } else if(d.properties.ISO_A3 == "PAN"){ col = "url(#PAN)" } else if(d.properties.ISO_A3 == "PER"){ col = "url(#PER)" } else if(d.properties.ISO_A3 == "MEX"){ col = "url(#MEX)" } else if(d.properties.ISO_A3 == "BOL"){ col = "url(#BOL)" } else if(d.properties.ISO_A3 == "BRA"){ col = "url(#BRA)" } else if(d.properties.ISO_A3 == "CHL"){ col = "url(#CHL)" } else if(d.properties.ISO_A3 == "ECU"){ col = "url(#ECU)" } else if(d.properties.ISO_A3 == "HND"){ col = "url(#HND)" } else if(d.properties.ISO_A3 == "PRY"){ col = "url(#PRY)" } else if(d.properties.ISO_A3 == "URY"){ col = "url(#URY)" } return col }) .raise(); div_tool.transition() .duration(200) .style("opacity", .9); // div_tool.html(`${data_col_group.get(d.properties.NOMBRE_DPT)}
// ${d.properties.NOMBRE_DPT}`) //div_tool.html(`${d.properties.ISO_A3}`) //div_tool.html(d => d.properties.ISO_A3 == "COL" ? tooltip_html(d) : `A`) div_tool.html(tooltip_html(d)) .style("left", (d3.event.pageX) + "px") .style("top", (d3.event.pageY) + "px") } }) .on("mousemove", function() { // tooltip.attr( // "transform", // `translate(${d3.mouse(this)[0]},${d3.mouse(this)[1]})` // ); div_tool.attr( "transform", `translate(${d3.mouse(this)[0]},${d3.mouse(this)[1]})` ); }) .on("mouseout", function() { // tooltip.call(callout, null); // d3.select(this) // .attr("stroke", "#333") // .lower(); d3.select(this) .attr("stroke", "#eee") //.attr('fill', 'steelblue'); .attr('fill', d => color_country(d.properties.ISO_A3)); div_tool.transition() .duration(500) .style("opacity", 0); }); return svg.node(); }34:T455,tooltip_html = function (d){ //d3.select("#autores").call(autores(d.properties.ISO_A3)) // /**/ /* */ /**/ const fill = d3.scaleSequential(d3.interpolateViridis).domain([0, 5]); //color("Italy") //${d.properties.ADMIN} const html = `

${autores(d.properties.ISO_A3)}

${autores_description(d.properties.ISO_A3)}

` //return d.properties.ISO_A3 == "COL" ? html : `No cuenta con ningún representante en el Boom Latinoamericano` return html }35:T8ba,autores = function(country_){ //console.log(country_); const svg = d3.create("svg") .attr("width", 300) .attr("height", 110); const circles = svg.selectAll("circle") .data(data_autores.filter(d => d.country === country_)) const circleGroups = circles .enter() .append('g') //.style('transform', (d, i) => `translate(${d + d*(i+0.5)}px,${100/2}px)`); .style('transform', (d, i) => `translate(${60+(i)*(120)}px,${110/2}px)`); const sequentialScale = d3.scaleSequential() .domain([0, 100]) .interpolator(d3.interpolateRainbow); circleGroups .append("circle") //.attr("r", d => d) .attr("r", "50px") //.attr("stroke", "red") .attr("stroke", d => d.color_id) .style("stroke-width", "3px") //.attr('fill', d => sequentialScale(d)) //.attr('fill', "url(#Woman_1)"); .attr('fill', d => "url(#"+d.id+")"); //.attr('stroke','#blue'); //.style('border',"1 px solid red"); const defs = svg.append("defs"); //console.log(data_autores.filter(d => d.country === country_)); let i = 0; let countries = data_autores.filter(d => d.country === country_); for (i in countries){ //console.log(countries[i]); defs.append("pattern") //.data(data_autores.filter(d => d.country === country_)) //.attr("id","Woman_1") .attr("id",countries[i].id) .attr("height","100%") .attr("width","100%") .attr("patternContentUnits","objectBoundingBox") .append("image") .attr("height",1) .attr("width",1) //.attr("preserveAspectRatio","none") .attr("xmlns:xlink","https://www.w3.org/1999/xlink") //.attr("xlink:href","https://i.pinimg.com/originals/c9/b5/79/c9b579b70725ebd3407f84bca5119d03.jpg"); .attr("xlink:href",countries[i].bio_link); //.attr("xlink:href",await FileAttachment("colombia.png").url()); } /*circleGroups .append('text') .style('font-size', '12px') .style('transform', () => `translate(-7px, 5px)`) .text(d => d);*/ return svg.node().outerHTML; // Attach element to DOM. //d3.select("#autores") // .append(() => svg.node()); } 36:T14cb,obras = function(autor_){ //console.log(country_); const svg = d3.create("svg") .attr("width", 500) .attr("height", 200); const rectangles = svg.selectAll("rectangles") .data(data_autores_obras.filter(d => d.id === autor_)) const rectanglesGroups = rectangles .enter() .append('g') //.style('transform', (d, i) => `translate(${d + d*(i+0.5)}px,${100/2}px)`); .style('transform', (d, i) => `translate(${(i)*(140)}px,${10}px)`); rectanglesGroups .append("rect") //.attr("x", "10px") //.attr("y", "10px") .attr("width", "150px") .attr("height", "150px") //.attr("stroke", "red") //.attr("stroke", d => d.color_id) //.style("stroke-width", "3px") //.attr('fill', "url(#Woman_1)"); .attr('fill', d => "url(#"+d.id_obra+")"); //.attr('stroke','#blue'); //.style('border',"1 px solid red"); //----------------------------- //Add the SVG Text Element to the svgContainer var text = svg.selectAll("text") .data(data_autores_obras.filter(d => d.id === autor_)) .enter() .append("text"); //.style('transform', (d, i) => `translate(${80+(i)*(120)}px,${160}px)`); //Add SVG Text Element Attributes var textLabels = text .style('transform', (d, i) => `translate(${80+(i)*(140)}px,${173}px)`) //.attr("x", function(d) { return d.cx; }) //.attr("y", function(d) { return d.cy; }) //.text( function (d) { return "( " + d.cx + ", " + d.cy +" )"; }) .text(d => d.obra_name_1) //.attr("font-family", "helvetica") .attr("font-weight", "bold") .attr("font-size", "13px") .attr("fill", "white") .attr("text-anchor","middle"); //Add the SVG Text Element to the svgContainer var text_1 = svg.selectAll("text_1") .data(data_autores_obras.filter(d => d.id === autor_)) .enter() .append("text"); //.style('transform', (d, i) => `translate(${80+(i)*(120)}px,${160}px)`); //Add SVG Text Element Attributes var textLabels_1 = text_1 .style('transform', (d, i) => `translate(${80+(i)*(140)}px,${185}px)`) //.attr("x", function(d) { return d.cx; }) //.attr("y", function(d) { return d.cy; }) //.text( function (d) { return "( " + d.cx + ", " + d.cy +" )"; }) .text(d => d.obra_name_2) //.attr("font-family", "helvetica") .attr("font-weight", "bold") .attr("font-size", "13px") .attr("fill", "white") .attr("text-anchor","middle"); //Add the SVG Text Element to the svgContainer var text_2 = svg.selectAll("text_2") .data(data_autores_obras.filter(d => d.id === autor_)) .enter() .append("text"); //.style('transform', (d, i) => `translate(${80+(i)*(120)}px,${160}px)`); //Add SVG Text Element Attributes var textLabels_2 = text_2 .style('transform', (d, i) => `translate(${80+(i)*(140)}px,${197}px)`) //.attr("x", function(d) { return d.cx; }) //.attr("y", function(d) { return d.cy; }) //.text( function (d) { return "( " + d.cx + ", " + d.cy +" )"; }) .text(d => `(${d.obra_year})`) //.attr("font-family", "helvetica") .attr("font-weight", "bold") .attr("font-size", "13px") .attr("fill", "white") .attr("text-anchor","middle"); //https://bl.ocks.org/emmasaunders/0016ee0a2cab25a643ee9bd4855d3464 //----------------------------- const defs = svg.append("defs"); //console.log(data_autores.filter(d => d.country === country_)); let i = 0; let obras_ = data_autores_obras.filter(d => d.id === autor_); for (i in obras_){ //console.log(countries[i]); defs.append("pattern") //.data(data_autores.filter(d => d.country === country_)) //.attr("id","Woman_1") .attr("id",obras_[i].id_obra) .attr("height","100%") .attr("width","100%") .attr("patternContentUnits","objectBoundingBox") .append("image") .attr("height",1) .attr("width",1) //.attr("preserveAspectRatio","none") .attr("xmlns:xlink","https://www.w3.org/1999/xlink") //.attr("xlink:href","https://i.pinimg.com/originals/c9/b5/79/c9b579b70725ebd3407f84bca5119d03.jpg"); .attr("xlink:href",obras_[i].obra_link); //.attr("xlink:href",await FileAttachment("colombia.png").url()); } /*circleGroups .append('text') .style('font-size', '12px') .style('transform', () => `translate(-7px, 5px)`) .text(d => d);*/ return svg.node().outerHTML; // Attach element to DOM. //d3.select("#autores") // .append(() => svg.node()); }37:[{"id":"a5ba7bbe36a6c0564ce8f5b3ec23ae268ee3ff4700060a9845a84fa0ac2d3221abe9b020c2b69bced6635886307300755499a870ec6253faf0da35eab4c5842a","href":"https://static.observableusercontent.com/files/a5ba7bbe36a6c0564ce8f5b3ec23ae268ee3ff4700060a9845a84fa0ac2d3221abe9b020c2b69bced6635886307300755499a870ec6253faf0da35eab4c5842a","name":"colombia.png","type":"image/png","lastModified":1596584644499.73,"size":493},{"id":"d272af005d0d0882f98e3b7bfb882b960b6140fdf5315e35ac1def557a1b9734a9fe63722acca2ba50cbb9ff62e04a290c3e104b708921c70e4330b29bbe3690","href":"https://static.observableusercontent.com/files/d272af005d0d0882f98e3b7bfb882b960b6140fdf5315e35ac1def557a1b9734a9fe63722acca2ba50cbb9ff62e04a290c3e104b708921c70e4330b29bbe3690","name":"ne_110m_admin_0_countries_lakes-2.json","type":"application/json","lastModified":1596584644499.73,"size":27852},{"id":"849e570fb0c58503e3a528e9797b74f07c11581ab3b95100f64936d10b102df1f0d73e8e4bd0ec477a360097af9132f3786b5586285ed5dea8cfb0178f04f6d7","href":"https://static.observableusercontent.com/files/849e570fb0c58503e3a528e9797b74f07c11581ab3b95100f64936d10b102df1f0d73e8e4bd0ec477a360097af9132f3786b5586285ed5dea8cfb0178f04f6d7","name":"Estructura Datos Boom Latinoamericano - Sheet1.csv","type":"text/csv","lastModified":1596586735889.493,"size":5460},{"id":"63fd0c5b016ca14ed4dd6b4d08bd083d3702eb6fc0e19e9b0b2cf59167746b2d9877c7d9c1d2c57ea325accf218373b7cc5360f2adb1f537cda84baa74c84401","href":"https://static.observableusercontent.com/files/63fd0c5b016ca14ed4dd6b4d08bd083d3702eb6fc0e19e9b0b2cf59167746b2d9877c7d9c1d2c57ea325accf218373b7cc5360f2adb1f537cda84baa74c84401","name":"Estructura Datos Boom Latinoamericano - Sheet2@5.csv","type":"text/csv","lastModified":1596597758418.667,"size":3096}] 31:{"id":"0153eac005f3e158","slug":"boom-latinoamericano","title":"Boom Latinoamericano","thumbnail":"18da3591b45b95936483e5ef4aea312263157dc3f8d25bb17bcfc3d819159aa1","access_level":"public","create_time":"$D2020-08-04T23:44:04.499Z","update_time":"$D2020-12-21T21:06:12.656Z","view_time":null,"first_public_time":"$D2021-12-07T13:19:37.743Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"0cf3da0269cda146","login":"jmoreno127","name":"Jonathan Moreno Narvaez","avatar_url":"https://avatars-next.observableusercontent.com/9b40bb8acbbcac0aee3da768ba98aaaded681c07a7424f2b321f19e2034769fd","tier":"starter_2024"},"version":751,"publish_version":751,"role":null,"authored":false,"authors":[{"type":"individual","id":"880f7d700e7589a1","login":"jmoreno127","name":"Jonathan Moreno Narvaez","avatar_url":"https://avatars-next.observableusercontent.com/9b40bb8acbbcac0aee3da768ba98aaaded681c07a7424f2b321f19e2034769fd","tier":null}],"members":[{"type":"individual","id":"880f7d700e7589a1","login":"jmoreno127","name":"Jonathan Moreno Narvaez","avatar_url":"https://avatars-next.observableusercontent.com/9b40bb8acbbcac0aee3da768ba98aaaded681c07a7424f2b321f19e2034769fd","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Boom Latinoamericano","cells":[{"id":0,"value":"md`# Boom Latinoamericano\n## References:\n1. https://observablehq.com/@harrystevens/latin-america-projection\n2. https://observablehq.com/@enadol/coronavirus-map-latin-america`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":199,"value":"html`\n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":417,"value":"countries_list = {\n let countries = []\n var i;\n \n for (i in laGeojson.features){\n countries.push(laGeojson.features[i].properties.ISO_A3)\n }\n return countries\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":426,"value":"latinamerica_boom = [\"ARG\",\"COL\",\"PAN\",\"PER\",\"MEX\",\"CHL\",\"BOL\",\"BRA\",\"ECU\",\"HND\",\"URY\",\"PRY\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":430,"value":"countries_list_colores = {\n let countries_color = []\n var i;\n \n for (i in countries_list){\n //console.log(countries_list[i]);\n //if (countries_list[i]==\"COL\"){\n if (latinamerica_boom.includes(countries_list[i])){\n countries_color.push(\"steelblue\")\n }\n else{\n countries_color.push(\"lightsteelblue\")\n }\n }\n return countries_color\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":415,"value":"color_country = d3.scaleOrdinal()\n.domain(countries_list)\n.range(countries_list_colores);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":584,"value":"autores_description = function(country_){\n \n let html_ = ``\n \n let i = 0;\n let autor_ = data_autores.filter(d => d.country === country_);\n \n for (i in autor_){\n html_ += `

- ${autor_[i].name}: ${autor_[i].description}
${obras(autor_[i].id)}

`\n }\n \n return html_\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":383,"value":"html `${autores(\"COL\")}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":550,"value":"html `${autores(\"ARG\")}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":294,"value":"autores(\"COL\")\n//https://blog.stapps.io/using-d3-both-on-the-front-end-and-server/","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":271,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":632,"value":"html `${obras(\"garcia\")}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":670,"value":"html `${obras(\"cortazar\")}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":634,"value":"obras(\"cortazar\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":623,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"data_autores = d3.csvParse(await FileAttachment(\"Estructura Datos Boom Latinoamericano - Sheet1.csv\").text());\n//new Array(3).fill(0).map((el, i) => 10 + (i*10));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":626,"value":"data_autores_obras = d3.csvParse(await FileAttachment(\"Estructura Datos Boom Latinoamericano - Sheet2@5.csv\").text());","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"//path = d3.geoPath().projection(projection)\npath = d3.geoPath(projection);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"height = 720","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"projection = d3\n .geoMercator()\n .scale(385)\n .translate([width + 100, height / 3])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"width = 980","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"laGeojson = {\n const features = worldGeojson.features.filter(d => d.properties.CONTINENT.includes(\"America\") && ![\"Canada\", \"Greenland\", \"United States of America\"].includes(d.properties.ADMIN));\n return {\n type: \"FeatureCollection\",\n features\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"worldGeojson = topojson.feature(worldTopojson, worldTopojson.objects.ne_110m_admin_0_countries_lakes);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"worldTopojson = FileAttachment(\"ne_110m_admin_0_countries_lakes-2.json\").json();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"worldGeojsonOuter = topojson.mesh(worldTopojson, worldTopojson.objects.ne_110m_admin_0_countries_lakes, (a, b) => a === b);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"worldGeojsonInner = topojson.mesh(worldTopojson, worldTopojson.objects.ne_110m_admin_0_countries_lakes, (a, b) => a !== b);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"scaleBar = d3.geoScaleBar()\n .size([width, height])\n .projection(projection)\n .left(.1)\n .top(.9)\n .units(d3.geoScaleMiles)\n .distance(1000)\n .label(\"1,000 MILES\")\n .labelAnchor(\"middle\")\n .tickValues(null)\n .tickSize(null);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"d3 = require(\"d3@^5.15.0\",\"d3-geo-scale-bar@1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 32:"$31:body"