2c:null 2d:["$","title",null,{"children":"Predicciones de FiveThirtyEight para los partidos de La Liga | ADRI 👨🏻‍💻 | Observable"}] 32:Tb82,table = { const padding = 10; const tileSize = 300; const container = d3.select(html`

`); const fichas = container .style("display", "flex") .style("flex-wrap", "wrap") .style("align-items", "center"); const partidos = fichas .selectAll("div") .data(filtered) .join("div") .style("width", `${tileSize}px`) .style("display", "block") .style("font-family", "sans-serif") .style("background-color", "#FAFAFA") .style("border", "thin solid black") .style("border-radius", "10px") .style("margin-right", "auto") .style("margin-left", "auto") .style("margin-bottom", "1rem") .style( "padding", `${padding * 2}px ${padding}px ${padding}px ${padding}px` ); const partido = partidos .append("h4") .style("font-size", "1.05em") .style("text-align", "center") .style("padding-bottom", ".3rem") .html((d) => d.partido); partidos .append("p") .style("font-size", ".8em") .style("text-align", "center") .style("color", "#808080") .style("padding-bottom", ".5rem") .style("line-height", 1.2) .html((d) => `🗓 ${d.fecha}`); const prob = partidos .append("p") .style("font-size", ".8em") .style("color", "#232323") .style("padding-bottom", ".5rem") .style("line-height", 1.2) .html( (d) => `Victoria del ${d.local}: ${d.gLocal} ` ); prob.append("p").html( (d) => `Empate: ${d.empate} ` ); prob.append("p").html( (d) => `Victoria del ${d.visitante}: ${d.gVis} ` ); const resultado = partidos .append("p") .style("font-size", ".8em") .style("color", "#808080") .style("margin-bottom", 0) .style("line-height", 1.2) .style("white-space", "pre-wrap") .style("text-align", "center") .style("font-weight", "bold") .html((d) => `

Resultado: ${d.resultado}

`) .filter(function (d) { return d.resultado === "-"; }) .html((d) => `

⏰ Quedan: ${formatInterval(interval(d.date, now))}

`) .filter(function (d) { return formatInterval(interval(d.date, now)).length < 1; }) .html((d) => `

Día de partido 🏟

`) .style("font-weight", "normal"); return container.node(); }33:[] 30:{"id":"0a386a78f11ce4b3","slug":"predicciones-538-la-liga","title":"Predicciones de FiveThirtyEight para los partidos de La Liga","thumbnail":"0cf98f2b1706033ffca617d24da1db4ffecb5c5aee969db872280405b77c6f16","access_level":"public","create_time":"$D2021-03-06T11:41:13.284Z","update_time":"$D2022-09-03T10:14:40.721Z","view_time":null,"first_public_time":"$D2021-03-11T14:03:42.340Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"9a82911992d867f3","login":"adrimaqueda","name":"ADRI 👨🏻‍💻","avatar_url":"https://avatars-next.observableusercontent.com/24bdfbab92b4fb1419a0d7592a129aa961fb535a9b71953d01a2369dfa0ce504","tier":"starter_2024","bio":"Front-end & DataViz (also DDJ) | Doing things at civio.es "},"version":1084,"publish_version":1084,"role":null,"authored":false,"authors":[{"type":"individual","id":"2916c4393478de32","login":"adrimaqueda","name":"ADRI 👨🏻‍💻","avatar_url":"https://avatars-next.observableusercontent.com/24bdfbab92b4fb1419a0d7592a129aa961fb535a9b71953d01a2369dfa0ce504","tier":null,"bio":"Data Visualization Developer & Data Analyst | Doing things at civio.es"}],"members":[{"type":"individual","id":"2916c4393478de32","login":"adrimaqueda","name":"ADRI 👨🏻‍💻","avatar_url":"https://avatars-next.observableusercontent.com/24bdfbab92b4fb1419a0d7592a129aa961fb535a9b71953d01a2369dfa0ce504","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"a6e8a3def0908a49","slug":"futbol","title":"Fútbol ⚽️","owner":{"id":"9a82911992d867f3","login":"adrimaqueda","name":"ADRI 👨🏻‍💻"}},"type":"notebook","body":{"titling":"auto","title":"Predicciones de FiveThirtyEight para los partidos de La Liga","cells":[{"id":0,"value":"head = html`

Predicciones de FiveThirtyEight para los partidos de La Liga

Consulta las probabilidades de victoria de los diferentes equipos de La Liga para los partidos jugados y por jugar`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1075,"value":"

NUEVA VERSIÓN AQUÍ ${viewof search} ${viewof fancy} `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":464,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":722,"value":"credits = html`
Cuenta atrás hasta el día del partido, no hasta la hora a la que se juega
Datos del dataset liberado de FiveThirtyEigth
`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":649,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":691,"value":"now = new Date(Math.ceil((Date.now() + 1) / 1000) * 1000)\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":702,"value":"function formatInterval(interval) {\n let format = [];\n for (const key in interval) {\n if (interval[key] === 1 && key === \"meses\") {\n format.push(`${interval[key]} ${key.slice(0, -2)}`);\n } else if (interval[key] === 1) {\n format.push(`${interval[key]} ${key.slice(0, -1)}`);\n } else if (format.length || interval[key] > 1) {\n format.push(`${interval[key]} ${key}`);\n }\n }\n if (format.length > 1) {\n format[format.length - 1] = `y ${format[format.length - 1]}`;\n }\n return format.join(\" \");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":703,"value":"function interval(then, now) {\n let t = now;\n let meses = d3.timeMonth.count(t, then);\n if ((t = d3.timeMonth.offset(t, meses)) > then)\n (t = d3.timeMonth.offset(t, -1)), --meses;\n let días = d3.timeDay.count(t, then);\n if ((t = d3.timeDay.offset(t, días)) > then)\n (t = d3.timeDay.offset(t, -1)), --días;\n let horas = d3.timeHour.count(t, then);\n if ((t = d3.timeHour.offset(t, horas)) > then)\n (t = d3.timeHour.offset(t, -1)), --horas;\n if (then <= now) return \"Día de partido\";\n return { meses, días, horas };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":639,"value":"viewof fancy = Toggle({\n label: html`

Mostrar los partidos sin jugar

`,\n value: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":663,"value":"viewof search = Select([null].concat(teams), {\n label: html`

Busca a tu equipo

`\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":643,"value":"filtered = fancy === true\n ? selectedTeam.filter(d => d.resultado === \"-\")\n : selectedTeam","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":673,"value":"selectedTeam = search === null\n ? laLigaData\n : laLigaData.filter(d => d.local === search || d.visitante === search)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":653,"value":"teams = {\n const data1 = d3.group(laLigaData, d => d.local);\n\n const data2 = d3.map(data1, d => d[0]);\n\n return data2.sort((a, b) => d3.ascending(a, b));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1071,"value":"list = [...new Set(laLigaData.map((item) => item.local))].sort((a, b) =>\n d3.ascending(a, b)\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"laLigaData = rawData.filter(d => d.league_id === 1869)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"rawData = d3.csv(\n \"https://projects.fivethirtyeight.com/soccer-api/club/spi_matches_latest.csv\",\n d3.autoType,\n d => ({\n league_id: +d.league_id,\n fecha: d3.timeFormat(\"%e de %B\")(new Date(d.date)),\n partido: d.team1 + \" - \" + d.team2,\n local: d.team1,\n visitante: d.team2,\n gLocal: d3.format(\".0%\")(d.prob1),\n gVis: d3.format(\".0%\")(d.prob2),\n empate: d3.format(\".0%\")(d.probtie),\n resultado: d.score1 + \"-\" + d.score2,\n date: new Date(d.date)\n })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"d3.timeFormatDefaultLocale(esp)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"esp = d3.json(\n \"https://raw.githubusercontent.com/d3/d3-time-format/master/locale/es-ES.json\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"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"},{"id":619,"value":"import { Toggle, Select } from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"