41:null 42:["$","title",null,{"children":"Epístolas | Alejandro Benito-Santos | Observable"}] 48:Tac3,map = { const parent = d3.create("div").attr("id", "parent"); const height = width / 1.6; const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .style("max-width", "100%") .style("width", "100%") .style("height", "auto") .style("background-color", "white"); parent.append(() => svg.node()); //can't point free const tt = d3 .create("div") .attr("class", "svg-tooltip") .style("visibility", "hidden"); const projection = d3 .geoMercator() .center([-60, 50]) .scale(400) .rotate([0, 0]); const path = d3.geoPath().projection(projection); const g = svg.append("g"); const radius = d3.scaleSqrt( d3.extent(locationData, (d) => d.freq), [1, 20] ); // world map g.selectAll("path") .data(topojson.feature(world, world.objects.countries).features) .enter() .append("path") .attr("d", path) .style("fill", "#d1d2d4"); // Spots const spotHolder = svg.append("g"); spotHolder .attr("fill", "brown") .attr("fill-opacity", 0.5) .attr("stroke", "white") .attr("stroke-width", 0.2) .selectAll("circle") .data(locationData) .enter() .append("circle") .attr("r", (d) => radius(d.freq)) .attr("transform", (d) => `translate(${projection(d.coords)})`) .on("mouseover", function (event, d) { tt.html( `Lugar:${ d.place }
Número de cartas:${locationsFreq.get( d.place )}
Años:${Array.from( locationsDates.get(d.place).keys() ).join(",")}` ); const offset = tt.node().getBoundingClientRect().width / 2; tt.attr("data-offset", offset); return tt.style("visibility", "visible"); }) .on("mousemove", function (event, d) { const offset = +tt.attr("data-offset") - 1; return tt .style("top", event.pageY + 22 + "px") .style("left", event.pageX - offset + "px"); }) .on("mouseout", function () { return tt.style("visibility", "hidden"); }); // zoom and pan const zoomExtent = [ [0, 0], [width, height] ]; const zoom = d3 .zoom() .extent(zoomExtent) .scaleExtent([1, 6]) .translateExtent(zoomExtent) .on("zoom", (event) => { const t = event.transform; g.style( "transform", "translate(" + t.x + "px," + t.y + "px) scale(" + t.k + ")" ).style("transform-origin", "0 0"); spotHolder .style( "transform", "translate(" + t.x + "px," + t.y + "px) scale(" + t.k + ")" ) .style("transform-origin", "0 0"); }); parent.call(zoom); document.body.appendChild(tt.node()); return parent.node(); }49:[{"id":"ffebe9230d7934238726f5e17da532cc19394abf79b4a2bb6c8513870c2db17c3365e8d974396b937ca65788da7e86c50ec577e35937ef4d898124e899683eb0","href":"https://static.observableusercontent.com/files/ffebe9230d7934238726f5e17da532cc19394abf79b4a2bb6c8513870c2db17c3365e8d974396b937ca65788da7e86c50ec577e35937ef4d898124e899683eb0","name":"world-110m2.json","type":"application/json","lastModified":1665746054253.619,"size":95783},{"id":"821ad837f330a8af2a5b0fdf58c9a90ff77968be6f59c7035d98d580224e6d5d4fe063d5cc8935c5afbd899a80a3b92e932284649a53d9fd8dba7f37be87ab58","href":"https://static.observableusercontent.com/files/821ad837f330a8af2a5b0fdf58c9a90ff77968be6f59c7035d98d580224e6d5d4fe063d5cc8935c5afbd899a80a3b92e932284649a53d9fd8dba7f37be87ab58","name":"locations-date_without_nulls.csv","type":"text/csv","lastModified":1666108400986.512,"size":22236},{"id":"59747363d6d5126e53dbf49163f7fffe635d80b388f0859c6472d2584ae367ace0210b7d29dccc47a7f9efa71c7b5e91839ad8c40a68953c9a17f6fcfa3a8c11","href":"https://static.observableusercontent.com/files/59747363d6d5126e53dbf49163f7fffe635d80b388f0859c6472d2584ae367ace0210b7d29dccc47a7f9efa71c7b5e91839ad8c40a68953c9a17f6fcfa3a8c11","name":"geocoded_locations.csv","type":"text/csv","lastModified":1665759527571.302,"size":16008}] 46:{"id":"053714e5b57363f3","slug":"cartas_a_guillen","title":"Epístolas","thumbnail":"145e4e21c18352a5248b9b3f9a84756a56e85cef9cfecfadc8731b03315f7f4f","access_level":"public","create_time":"$D2022-10-14T11:14:14.253Z","update_time":"$D2022-10-19T09:11:45.040Z","view_time":null,"first_public_time":"$D2022-10-18T16:33:58.364Z","has_unpublished_edits":null,"fork":{"id":"4dbd766fef40ad29","slug":"world-map-with-coords-points","title":"World map with coords points","owner":{"id":"4dcf4e3d80a1f9e2","login":"husseyexplores","name":"Hassan Usman"}},"stars":0,"starred":false,"owner":{"type":"team","id":"66257f7c1d7525fe","login":"alexbensan","name":"Alejandro Benito-Santos","avatar_url":"https://avatars-next.observableusercontent.com/b9bde40a4c4f6f53ee5a7c0bca8a5bc71ed92f6d58c1556eed4a2338c4e959e4","tier":"starter_2024","bio":"\"Margarita Salas\" PostDoc Researcher @linhd \nUniversidad de Salamanca / Universidad Nacional de Educación a Distancia - Spain\n\nResearch interests: Data visualisation, NLP, and Digital Humanities. \n\nPing me for collaborations!","following":false},"version":523,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"901c0c91b87a136d","login":"alexbensan","name":"Alejandro Benito-Santos","avatar_url":"https://avatars-next.observableusercontent.com/b9bde40a4c4f6f53ee5a7c0bca8a5bc71ed92f6d58c1556eed4a2338c4e959e4","tier":null,"bio":"Assistant Professor @uned-nlp\nNational University of Distance Education - Spain\n\nResearch interests: DataVis, NLP, HCI.\n\nPing me for collaborations!","following":false}],"members":[{"type":"individual","id":"901c0c91b87a136d","login":"alexbensan","name":"Alejandro Benito-Santos","avatar_url":"https://avatars-next.observableusercontent.com/b9bde40a4c4f6f53ee5a7c0bca8a5bc71ed92f6d58c1556eed4a2338c4e959e4","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Epístolas","cells":[{"id":520,"value":"title = md`# Epístolas`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":441,"value":"viewof minYear = Inputs.range(yearExtent, {\n step: 1,\n label: \"Min Year\",\n value: yearExtent[0]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":481,"value":"viewof maxYear = Inputs.range([minYear + 1, yearExtent[1]], {\n step: 1,\n label: \"Max Year\",\n value: yearExtent[1]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"data = FileAttachment(\"locations-date_without_nulls.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"world = world1","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":452,"value":"yearExtent = d3.extent(data, (d) => d.date)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":467,"value":"filteredData = data.filter((d) => d.date >= minYear && d.date <= maxYear)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":407,"value":"locationsDates = d3.rollup(\n filteredData,\n (v) => v.length,\n (d) => d.place,\n (c) => c.date\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":503,"value":"Array.from(locationsDates.get(\"París\").keys()).join(\",\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":414,"value":"locationsDates","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"locationsFreq = d3.rollup(\n filteredData,\n (v) => v.length,\n (d) => d.place\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":281,"value":"geocoding = FileAttachment(\"geocoded_locations.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":298,"value":"geocodingMap = Object.assign(\n {},\n ...geocoding.map((s) => ({\n [s.original_address]: [parseFloat(s.lon), parseFloat(s.lat)]\n }))\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"locationData = filteredData\n .map((l) => ({\n ...l,\n freq: locationsFreq.get(l.place),\n coords: geocodingMap[l.place]\n }))\n .filter((v, i, a) => a.findIndex((v2) => v2.place === v.place) === i)\n .filter((v) => v.place !== \"lugar desconocido\")\n .sort((a, b) => b.freq - a.freq)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"md`## Styles`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"world1 = FileAttachment(\"world-110m2.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"world2 = d3.json('https://gist.githubusercontent.com/olemi/d4fb825df71c2939405e0017e360cd73/raw/d6f9f0e9e8bd33183454250bd8b808953869edd2/world-110m2.json') ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":349,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":252,"value":"d3geo = require(\"d3-geo@2\", \"d3-geo-projection@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"topojson = require('topojson')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 47:"$46:body"