3e:null 3f:["$","title",null,{"children":"Search + Table + Map | Miguel Ángel Gavilanes | Observable"}] 45:T47b,map = { const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); const defs = svg.append("defs"); defs.append("path").attr("id", "outline").attr("d", path(outline)); defs .append("clipPath") .attr("id", "clip") .append("use") .attr("xlink:href", new URL("#outline", location)); const g = svg .append("g") .attr("clip-path", `url(${new URL("#clip", location)})`); g.append("use") .attr("xlink:href", new URL("#outline", location)) .attr("fill", "#fff"); g.append("path").attr("d", path(graticule)).attr("fill", "none"); g.append("path").attr("d", path(land)).attr("fill", "#e8e6dc"); svg .append("use") .attr("xlink:href", new URL("#outline", location)) .attr("fill", "none"); svg .append("g") .selectAll("circle") .data(obtenerCoord()) .join("circle") .attr( "transform", (d) => `translate(${projection([d.longitud, d.latitud])})` ) .attr("r", (d) => d.radio) .attr("fill", "#0c2d41") .attr("opacity", 0.75) .append("title") .text((d) => d.etiqueta + ": " + d.radio + " modelo(s)"); return svg.node(); }46:[{"id":"650c241a499d4e92b9a026fa961007843ca469eafac3aab53b007a4b1ce5f7ed38c9f4039d24df13627dcc5e23a3a75e7540c3efa7a5d8b418f4d47a986ae9e9","href":"https://static.observableusercontent.com/files/650c241a499d4e92b9a026fa961007843ca469eafac3aab53b007a4b1ce5f7ed38c9f4039d24df13627dcc5e23a3a75e7540c3efa7a5d8b418f4d47a986ae9e9","name":"top50_goals.csv","type":"text/csv","lastModified":1695826961644.753,"size":1538},{"id":"88c7319e70fd6af7ed36dff96f6e39837ef2a3f1733770008554268221238bef718ddbb07045a3e2b7a531f96d89877b7468facbaaf1aaee63b3a98b67b9cfbe","href":"https://static.observableusercontent.com/files/88c7319e70fd6af7ed36dff96f6e39837ef2a3f1733770008554268221238bef718ddbb07045a3e2b7a531f96d89877b7468facbaaf1aaee63b3a98b67b9cfbe","name":"land-50m.json","type":"application/json","lastModified":1695830833107.302,"size":545534},{"id":"a72191f76b66006675ce62ddab0f39a5e667eb45a71ada580bbff89f74859a429c60dd58ba275a4c16772b7d9952588d6316bd31c5cb83dc6b35283e004f2f86","href":"https://static.observableusercontent.com/files/a72191f76b66006675ce62ddab0f39a5e667eb45a71ada580bbff89f74859a429c60dd58ba275a4c16772b7d9952588d6316bd31c5cb83dc6b35283e004f2f86","name":"paises_2016_geom_10.csv","type":"text/csv","lastModified":1695885672135.016,"size":10767}] 43:{"id":"974bd6685a32aae6","slug":null,"title":"Search + Table + Map","thumbnail":"d2cc202c8918d38ebad46079585fd6a3afe592f1668cdb7366d4e7f8e04fc15b","access_level":"public","create_time":"$D2023-09-27T08:43:20.312Z","update_time":"$D2023-09-28T15:21:29.442Z","view_time":null,"first_public_time":"$D2023-09-27T08:43:20.312Z","has_unpublished_edits":null,"fork":{"id":"ee9e4fb45c009de1","slug":"search-table","title":"Search + Table","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":2,"starred":false,"owner":{"type":"team","id":"d0493be1b6fc93e5","login":"mgavilanes","name":"Miguel Ángel Gavilanes","avatar_url":"https://avatars-next.observableusercontent.com/3ceae3a79f3b001c44ce35d582a2d8a5582f40e51a1ff8218d003ddddcbbfd82","tier":"starter_2024","bio":"","following":false},"version":489,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"323ac07d31fc132f","login":"mgavilanes","name":"Miguel Ángel Gavilanes","avatar_url":"https://avatars-next.observableusercontent.com/3ceae3a79f3b001c44ce35d582a2d8a5582f40e51a1ff8218d003ddddcbbfd82","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"323ac07d31fc132f","login":"mgavilanes","name":"Miguel Ángel Gavilanes","avatar_url":"https://avatars-next.observableusercontent.com/3ceae3a79f3b001c44ce35d582a2d8a5582f40e51a1ff8218d003ddddcbbfd82","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Search + Table + Map","cells":[{"id":4,"value":"# Search + Table + Map\n\nUsing [Inputs.search](https://github.com/observablehq/inputs/blob/main/README.md#search) and [Inputs.table](https://github.com/observablehq/inputs/blob/main/README.md#table). Data from Livefutbol. Map from [World Airports](https://observablehq.com/@d3/world-airports).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":476,"value":"style = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"data = FileAttachment(\"top50_goals.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"viewof search = Inputs.search(data, {\n columns: [\"player\", \"country\", \"goals\"],\n placeholder: \"Filtre por marca, modelo o país\",\n locale: \"es\",\n format: (results) => \"\",\n require: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"Inputs.table(search, {\n format: {\n Year: d3.format(\"d\") // format as \"1960\" rather than \"1,960\"\n },\n sort: \"goals\",\n reverse: true,\n header: { player: \"Jugador\", country: \"País\", goals: \"Goles\" }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":471,"value":"El radio aumenta en función del número de modelos fabricados en el país.","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":103,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":481,"value":"

Fuente: Livefutbol | El Confidencial

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":52,"value":"function listarPaises(search) {\n let countCountries = new Object();\n for (var i = 0; i < search.length; i++) {\n var pais = search[i].country;\n\n if (countCountries[pais]) {\n countCountries[pais]++;\n } else {\n countCountries[pais] = 1;\n }\n }\n return countCountries;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"coordinates = FileAttachment(\"paises_2016_geom_10.csv\").csv({ typed: true })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":259,"value":"function obtenerCoord() {\n let countriesToPaint = Object.keys(listarPaises(search));\n let coordinates2 = new Array();\n for (var j = 0; j < countriesToPaint.length; j++) {\n var pais2 = countriesToPaint[j];\n\n for (var i = 0; i < coordinates.length; i++) {\n var pais3 = coordinates[i].etiqueta;\n\n if (pais2 === pais3) {\n var nuevaLinea = coordinates[i];\n nuevaLinea.radio = listarPaises(search)[pais2];\n coordinates2.push(nuevaLinea);\n }\n }\n }\n return coordinates2;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"path = d3.geoPath(projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"projection = d3.geoNaturalEarth1()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"height = {\n const [[x0, y0], [x1, y1]] = d3\n .geoPath(projection.fitWidth(width, outline))\n .bounds(outline);\n const dy = Math.ceil(y1 - y0),\n l = Math.min(Math.ceil(x1 - x0), dy);\n projection.scale((projection.scale() * (l - 1)) / l).precision(0.2);\n return dy;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"outline = ({ type: \"Sphere\" })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"graticule = d3.geoGraticule10()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"land = topojson.feature(world, world.objects.land)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"world = FileAttachment(\"land-50m.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"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"}],"files":"$W46","stdlib":"1"}} 44:"$43:body"