3e:null 3f:["$","title",null,{"children":"Search + Table + Map | ec-coberturas | Observable"}] 45:T934,style = html``46:T563,map = { const svg = d3 .create("svg") .attr("viewBox", [0, 0, width, height]) .attr("class", "mapa"); 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) => 2.5 + Math.log(d.radio)) // Cálculo logarítmico dadas las diferencias entre min (1) y max (509) //.attr("r", (d) => d.radio) // Cálculo logarítmico dadas las diferencias entre min (1) y max (509) .attr("fill", "#0c2d41") .attr("opacity", 0.75) .append("title") .text((d) => d.etiqueta + ": " + d.radio + " modelo(s)"); return svg.node(); }47:[{"id":"88c7319e70fd6af7ed36dff96f6e39837ef2a3f1733770008554268221238bef718ddbb07045a3e2b7a531f96d89877b7468facbaaf1aaee63b3a98b67b9cfbe","href":"https://static.observableusercontent.com/files/88c7319e70fd6af7ed36dff96f6e39837ef2a3f1733770008554268221238bef718ddbb07045a3e2b7a531f96d89877b7468facbaaf1aaee63b3a98b67b9cfbe","name":"land-50m.json","type":"application/json","lastModified":1695914691241.119,"size":545534},{"id":"097b5999d3f551bf4133aec69e767bce5d0baf39ad193f3bb2fc121ed2a8a7078c1b509ea10f73e101b3a1ffd5210a0d25949553e1b4853d62da000439d1189f","href":"https://static.observableusercontent.com/files/097b5999d3f551bf4133aec69e767bce5d0baf39ad193f3bb2fc121ed2a8a7078c1b509ea10f73e101b3a1ffd5210a0d25949553e1b4853d62da000439d1189f","name":"paises_2016_geom_10@1.csv","type":"text/csv","lastModified":1696001680852.464,"size":10742},{"id":"1a34ab71e4433c6d388f62e76b22174fafe6540dc502e19118f0085bd89d1991e841a8d71b292d331907977857e289e9d805bfc82d43c3b59e98a88de09e7cfc","href":"https://static.observableusercontent.com/files/1a34ab71e4433c6d388f62e76b22174fafe6540dc502e19118f0085bd89d1991e841a8d71b292d331907977857e289e9d805bfc82d43c3b59e98a88de09e7cfc","name":"prueba_miguel_v2@2.csv","type":"text/csv","lastModified":1696001691678.905,"size":67388}] 43:{"id":"295920ec46848b2d","slug":null,"title":"Search + Table + Map","thumbnail":"c27fb7bd6474e6ca1c5aa9a71d4fef141cf05b21376f98a0b1ebe19279cecf1d","access_level":"public","create_time":"$D2023-09-28T15:24:51.241Z","update_time":"$D2024-04-24T11:15:49.561Z","view_time":null,"first_public_time":"$D2023-09-28T15:24:51.241Z","has_unpublished_edits":null,"fork":{"id":"974bd6685a32aae6","slug":null,"title":"Search + Table + Map","owner":{"id":"d0493be1b6fc93e5","login":"mgavilanes","name":"Miguel Ángel Gavilanes"}},"stars":1,"starred":false,"owner":{"type":"team","id":"4ea7c7630133d6c7","login":"ec-coberturas","name":"","avatar_url":"https://avatars-next.observableusercontent.com/9761a919f44e5646890db7a64538f438eb7f8b7fdd8bc84853a4e107aecbb7d1","tier":"starter_2024","bio":"","following":false},"version":1132,"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":"team","id":"4ea7c7630133d6c7","login":"ec-coberturas","name":"","avatar_url":"https://avatars-next.observableusercontent.com/9761a919f44e5646890db7a64538f438eb7f8b7fdd8bc84853a4e107aecbb7d1","tier":"starter_2024","role":"editor"},{"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). TBC: [Pagination](https://observablehq.com/@katirg/search-table-tests)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":476,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1060,"value":"## Ajustes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1057,"value":"fuente_datos = \"DGT y elaboración propia\"","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(\"prueba_miguel_v2@2.csv\").csv({\n typed: true,\n separator: \";\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":655,"value":"htl.html`

¿Dónde se fabrican los coches matriculados en España?

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":471,"value":"htl.html`País de origen de los turismos matriculados en el primer semestre de 2023. El radio aumenta en función del número de modelos fabricados en el país.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"$46","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: [\"Marca\", \"Modelo\", \"País\", \"Cantidad\"],\n placeholder: \"Filtre por marca, modelo o país\",\n locale: \"es\",\n format: (results) => results + ` modelo${results.length === 1 ? \"\" : \"s\"}`,\n //format: (results) => \"\",\n require: true\n //label: html``\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"viewof selectedRow = Inputs.table(search, {\n format: {\n // Cantidad: d3.format(\"d\"), // format as \"1960\" rather than \"1,960\"\n Cantidad: hasBar()\n ? sparkbar(d3.max(search, (d) => d.Cantidad))\n : sparkbar1(d3.max(search, (d) => d.Cantidad)),\n Marca: addClass2(search, (d) => d.Marca),\n Modelo: addClass2(search, (d) => d.Modelo),\n País: addClass2(search, (d) => d.País)\n },\n locale: \"es\",\n sort: \"Cantidad\",\n reverse: true,\n header: {\n Marca: html`Marca`,\n Modelo: html`Modelo`,\n País: html`País`,\n Cantidad: hasBar()\n ? html`Cantidad`\n : html`Nº`\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1052,"value":"htl.html`

Fuente: ${fuente_datos} | El Confidencial

${x.toLocaleString(\"es\")}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":640,"value":"function addClass2() {\n return (x) =>\n htl.html`

${x.toLocaleString(\n \"es\"\n )}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":889,"value":"function hasBar() {\n var s = window.innerWidth;\n return s > 550;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":535,"value":"function sparkbar(max) {\n return (x) =>\n htl.html`

${x.toLocaleString(\n \"es\"\n )}

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":523,"value":"selectedRow","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","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].País_miguel;\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":604,"value":"listarPaises(search)","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@1.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":259,"value":"function obtenerCoord() {\n let countriesToPaint = Object.keys(listarPaises(selectedRow));\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(selectedRow)[pais2];\n //nuevaLinea.paisOk = listarPaises(selectedRow)[pais\n coordinates2.push(nuevaLinea);\n }\n }\n }\n return coordinates2;\n}","pinned":false,"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":false,"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":false,"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":false,"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":false,"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":false,"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":false,"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":false,"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":false,"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":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W47","stdlib":"1"}} 44:"$43:body"