2a:null 2b:["$","title",null,{"children":"Dota 2 charts | Alejandro | Observable"}] 30:T44d,const meanWinRate = d3.mean(heroWinRates, d => d.winRate); const meanGames = d3.mean(heroWinRates, d => d.games); const scatterChart = Plot.plot({ title: "Popularidad vs. win rate por héroe", subtitle: `${heroWinRates.length} héroes, ${d3.format(",")(dotaMatchesClean.length)} partidas analizadas`, width: 800, height: 600, grid: true, x: {label: "Partidas jugadas (popularidad)"}, y: {label: "Win rate (%)", percent: true}, marks: [ Plot.ruleY([0.5], {stroke: "#999", strokeDasharray: "2,2"}), Plot.ruleX([meanGames], {stroke: "#ccc", strokeDasharray: "2,2"}), Plot.dot(heroWinRates, { x: "games", y: "winRate", fill: d => d.winRate >= 0.5 ? "#2b8a3e" : "#c92a2a", r: 4, tip: true, title: d => `${d.name}\nPartidas: ${d3.format(",")(d.games)}\nWin rate: ${d3.format(".1%")(d.winRate)}` }), Plot.text(heroWinRates.filter(d => d.games > meanGames * 1.6 || d.winRate > 0.545 || d.winRate < 0.445), { x: "games", y: "winRate", text: "name", dy: -8, fontSize: 9 }) ] }); display(scatterChart);31:T409,const pairStats = new Map(); // "a|b" -> {wins, games}, a d.games >= minGames) .sort((a, b) => d3.descending(a.winRate, b.winRate)) .slice(0, topN); const synergyChart = Plot.plot({ title: `Mejores parejas para ${selectedHero.name} por win rate`, subtitle: `Partidas jugadas en el mismo equipo (mín. ${minGames} juntos). Win rate base de ${selectedHero.name}: ${d3.format(".1%")(selectedHero.winRate)}`, marginLeft: 140, width: 800, height: Math.max(120, partners.length * 24 + 80), x: {label: "Win rate juntos (%)", percent: true, grid: true}, y: {label: null}, marks: [ Plot.barX(partners, { x: "winRate", y: "name", sort: {y: "-x"}, fill: d => d.winRate >= 0.5 ? "#2b8a3e" : "#c92a2a", tip: true, title: d => `${selectedHero.name} + ${d.name}\nWin rate: ${d3.format(".1%")(d.winRate)}\nPartidas: ${d3.format(",")(d.games)}\nVictorias: ${d3.format(",")(d.wins)}` }), Plot.text(partners, {x: "winRate", y: "name", text: d => d3.format(".1%")(d.winRate), dx: -4, textAnchor: "end", fill: "white", fontSize: 10}), Plot.ruleX([0.5], {stroke: "#999", strokeDasharray: "2,2"}), Plot.ruleX([selectedHero.winRate], {stroke: "#4c6ef5"}) ] }); display(synergyChart); display(partners.length ? html`
🏆 Mejor pareja: ${partners[0].name} (${d3.format(".1%")(partners[0].winRate)} en ${d3.format(",")(partners[0].games)} partidas)
` : html`
No hay parejas con suficientes partidas; baja el mínimo.
`);33:T605,const enemies = enemiesOf(selectedHero.hero_id) .filter(d => d.games >= minGames) .sort((a, b) => d3.ascending(a.winRate, b.winRate)) .slice(0, topN); const enemyChart = Plot.plot({ title: `Peores enemigos de ${selectedHero.name}`, subtitle: `Win rate de ${selectedHero.name} cuando el rival está en el equipo contrario (mín. ${minGames} partidas). Win rate base: ${d3.format(".1%")(selectedHero.winRate)}`, marginLeft: 140, width: 800, height: Math.max(120, enemies.length * 24 + 80), x: {label: "Win rate de " + selectedHero.name + " contra el rival (%)", percent: true, grid: true}, y: {label: null}, marks: [ Plot.barX(enemies, { x: "winRate", y: "name", sort: {y: "x"}, fill: d => d.winRate >= 0.5 ? "#2b8a3e" : "#c92a2a", tip: true, title: d => `${selectedHero.name} vs ${d.name}\nWin rate: ${d3.format(".1%")(d.winRate)}\nPartidas: ${d3.format(",")(d.games)}\nVictorias: ${d3.format(",")(d.wins)}` }), Plot.text(enemies, {x: "winRate", y: "name", text: d => d3.format(".1%")(d.winRate), dx: -4, textAnchor: "end", fill: "white", fontSize: 10}), Plot.ruleX([0.5], {stroke: "#999", strokeDasharray: "2,2"}), Plot.ruleX([selectedHero.winRate], {stroke: "#4c6ef5"}) ] }); display(enemyChart); display(enemies.length ? html`
☠️ Peor enemigo: ${enemies[0].name} (${d3.format(".1%")(enemies[0].winRate)} de win rate en ${d3.format(",")(enemies[0].games)} partidas)
` : html`
No hay enemigos con suficientes partidas; baja el mínimo.
`);34:[{"id":"c204c7275b92d03a2aa14a9c1a4fc98de30c0c3e4207e1e095c90a913ce807f7b21f46e140009b36d6d708d947185d653a7ed31caec33814fb4eda56924109f6","href":"https://static.observableusercontent.com/files/c204c7275b92d03a2aa14a9c1a4fc98de30c0c3e4207e1e095c90a913ce807f7b21f46e140009b36d6d708d947185d653a7ed31caec33814fb4eda56924109f6","name":"complete_opendota_attributes.csv","type":"text/csv","lastModified":1790291948905,"size":7876},{"id":"ad25e3d02fa88e95bd637f6308f3ef686760ba2bc72f543ae9425132cbefdd48ce8f5ebf046028055440611c1665cfb3a152ea66616f56d79f929e3811aaaef4","href":"https://static.observableusercontent.com/files/ad25e3d02fa88e95bd637f6308f3ef686760ba2bc72f543ae9425132cbefdd48ce8f5ebf046028055440611c1665cfb3a152ea66616f56d79f929e3811aaaef4","name":"dota_hero_id_map.csv","type":"text/csv","lastModified":1790291949133,"size":1807},{"id":"0abeae1a015d07aeee85461b2ad7fadd9f15b9ac73b5a9181d0b33d1e112aff1c7a43f498c36f97729cdcd30ead819393b67e7a1b43da0cad40668b07386a932","href":"https://static.observableusercontent.com/files/0abeae1a015d07aeee85461b2ad7fadd9f15b9ac73b5a9181d0b33d1e112aff1c7a43f498c36f97729cdcd30ead819393b67e7a1b43da0cad40668b07386a932","name":"dota2_500k_matches_ids.csv","type":"text/csv","lastModified":1790291949126,"size":32375353}] 2e:{"id":"e0e39b8b6cc08710","slug":"dota-2-charts","title":"Dota 2 charts","thumbnail":"fd97cb06577f24ae6d65c013437542cb5ccaffbcd4084adba369c2ca000e7a16","access_level":"public","create_time":"$D2026-09-24T23:25:11.540Z","update_time":"$D2026-09-29T16:58:23.094Z","view_time":null,"first_public_time":"$D2026-09-29T17:25:03.583Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"b5c2881574ca1036","login":"alejandrogonzalez","name":"Alejandro","avatar_url":"https://avatars-next.observableusercontent.com/e54335902751f15d1c9b72fa24cedf33015535614938c06835b950f2dff72fb1","tier":"starter_2024"},"version":129,"publish_version":129,"role":null,"authored":false,"authors":[{"type":"individual","id":"26ccd2639b809248","login":"alejandrogonzalez","name":"Alejandro","avatar_url":"https://avatars-next.observableusercontent.com/e54335902751f15d1c9b72fa24cedf33015535614938c06835b950f2dff72fb1","tier":null}],"members":[{"type":"team","id":"b5c2881574ca1036","login":"alejandrogonzalez","name":"Alejandro","avatar_url":"https://avatars-next.observableusercontent.com/e54335902751f15d1c9b72fa24cedf33015535614938c06835b950f2dff72fb1","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Dota 2 charts","cells":[{"id":1,"value":"# Dota 2 charts","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"const heroeAttr = FileAttachment(\"complete_opendota_attributes.csv\").csv({typed: true})\nconst dotaMatches = FileAttachment(\"dota2_500k_matches_ids.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"Inputs.table(heroeAttr)","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"Inputs.table(dotaMatches)","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"dotaMatches.length","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"Object.keys(dotaMatches[0])","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"function split(teamStr) {\n const ids = String(teamStr).split(\",\").map(s => s.trim());\n return ids;\n}","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"function hasFivePlayers(teamStr) {\n var ids = split(teamStr);\n return ids.length === 5 && ids.every(id => id !==\"0\");\n}","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"const dotaMatchesClean = dotaMatches.filter(d =>\n hasFivePlayers(split(d.radiant_team)) && hasFivePlayers(split(d.dire_team))\n)","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"dotaMatchesClean.length","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"const heroStats = new Map(); // hero_id -> {wins, games}\n\nfor (const m of dotaMatchesClean) {\n const radiantWon = m.radiant_win === 1;\n const radiantIds = split(m.radiant_team);\n const direIds = split(m.dire_team);\n\n for (const id of radiantIds) {\n const s = heroStats.get(id) ?? {wins: 0, games: 0};\n s.games++;\n if (radiantWon) s.wins++;\n heroStats.set(id, s);\n }\n for (const id of direIds) {\n const s = heroStats.get(id) ?? {wins: 0, games: 0};\n s.games++;\n if (!radiantWon) s.wins++;\n heroStats.set(id, s);\n }\n}\n\nconst heroNameById = new Map(heroeAttr.map(h => [String(h.hero_id), h.name]));\n\nconst heroWinRates = Array.from(heroStats, ([id, s]) => ({\n hero_id: id,\n name: heroNameById.get(id) ?? `Unknown (${id})`,\n games: s.games,\n wins: s.wins,\n winRate: s.wins / s.games\n})).sort((a, b) => d3.descending(a.winRate, b.winRate));\n\ndisplay(Inputs.table(heroWinRates));","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"const winRateChart = Plot.plot({\n title: \"Win rate por héroe en Dota 2\",\n subtitle: `${heroWinRates.length} héroes, ${d3.format(\",\")(dotaMatchesClean.length)} partidas analizadas`,\n marginLeft: 140,\n width: 800,\n height: heroWinRates.length * 9,\n x: {label: \"Win rate (%)\", percent: true, grid: true},\n y: {label: null},\n marks: [\n Plot.ruleX([0.5], {stroke: \"#999\", strokeDasharray: \"2,2\"}),\n Plot.barX(heroWinRates, {\n x: \"winRate\",\n y: \"name\",\n sort: {y: \"-x\"},\n fill: d => d.winRate >= 0.5 ? \"#2b8a3e\" : \"#c92a2a\",\n tip: true,\n title: d => `${d.name}\\nWin rate: ${d3.format(\".1%\")(d.winRate)}\\nPartidas: ${d3.format(\",\")(d.games)}\\nVictorias: ${d3.format(\",\")(d.wins)}`\n })\n ]\n});\n\ndisplay(winRateChart);","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"const heroPickRates = heroWinRates\n .slice()\n .sort((a, b) => d3.descending(a.games, b.games));\n\nconst mostPlayedChart = Plot.plot({\n title: \"Héroes más jugados en Dota 2\",\n subtitle: `${heroPickRates.length} héroes, ${d3.format(\",\")(dotaMatchesClean.length)} partidas analizadas`,\n marginLeft: 140,\n width: 800,\n height: heroPickRates.length * 9,\n x: {label: \"Partidas jugadas\", grid: true},\n y: {label: null},\n marks: [\n Plot.barX(heroPickRates, {\n x: \"games\",\n y: \"name\",\n sort: {y: \"-x\"},\n fill: \"#4c6ef5\",\n tip: true,\n title: d => `${d.name}\\nPartidas: ${d3.format(\",\")(d.games)}\\nWin rate: ${d3.format(\".1%\")(d.winRate)}`\n })\n ]\n});\n\ndisplay(mostPlayedChart);","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"$30","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"$31","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"const heroOptions = heroWinRates.slice().sort((a, b) => d3.ascending(a.name, b.name));\nconst selectedHero = view(Inputs.select(heroOptions, {label: \"Héroe\", format: d => d.name, value: heroOptions[0]}));\nconst minGames = view(Inputs.range([1, 500], {label: \"Mín. partidas juntos\", step: 1, value: 50}));\nconst topN = view(Inputs.range([5, 40], {label: \"Mostrar top\", step: 1, value: 20}));","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"$32","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"const N = 200;\nconst vsGames = new Int32Array(N * N); // [a*N+b]: partidas de a contra b\nconst vsWins = new Int32Array(N * N); // victorias de a contra b\nfor (const m of dotaMatchesClean) {\n const rad = split(m.radiant_team).map(Number);\n const dire = split(m.dire_team).map(Number);\n const radWon = m.radiant_win === 1;\n for (const a of rad) {\n for (const b of dire) {\n vsGames[a * N + b]++;\n vsGames[b * N + a]++;\n if (radWon) vsWins[a * N + b]++; else vsWins[b * N + a]++;\n }\n }\n}\nfunction enemiesOf(heroId) {\n const a = +heroId;\n const out = [];\n for (let b = 0; b < N; b++) {\n const g = vsGames[a * N + b];\n if (!g) continue;\n const w = vsWins[a * N + b];\n out.push({\n hero_id: String(b),\n name: heroNameById.get(String(b)) ?? `Unknown (${b})`,\n games: g,\n wins: w,\n winRate: w / g\n });\n }\n return out;\n}\nenemiesOf(selectedHero.hero_id).length","pinned":false,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"$33","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"2"}} 2f:"$2e:body"