2b:null 2c:["$","title",null,{"children":"Warcraft 3 Champions Ladder - Player Stats | Dominik Haas | Observable"}] 31:T56d,winLossChart = { if (!winLossStats || winLossStats.length <= 0){ return null; } const title = selectedPlayer + ' Win Loss Chart'; const mmrChart = Highcharts.chart('winLossChart', { title: { text: title, }, chart: { type: 'column', height: 200, backgroundColor: null, // borderWidth: 0, // margin: [0, 0, 0, 0], // padding: [20, 0, 0, 0], style: { overflow: 'visible' }, dateFormat: 'dd/mm/YYYY', }, plotOptions: { column: { negativeColor: '#910000', pointWidth: 5, } }, yAxis: { minPadding: 0, maxPadding: 0, // height: 20, // width: 5, // endOnTick: false, // startOnTick: false, labels: { enabled: false }, title: { text: null }, }, xAxis: { type: 'datetime', labels: { // format: '{value:%Y-%m-%d %H:%M}', format: '{value:%Y-%m-%d}', rotation: 45, align: 'left', }, title: { text: 'Game end time', }, accessibility: { rangeDescription: 'Game End Time', }, tooltip: { dateTimeLabelFormats: '{value:%Y-%m-%d %H:%M}', }, }, series: [...winLossStats], legend: { enabled: false }, }); return mmrChart; }32:T1232,function loadRankingChart(container){ if (!rankingStats || rankingStats.length <= 0){ return null; } const rankingChart = Highcharts.stockChart(container, { title: { text: 'Ranking Chart', }, plotOptions: { series: { // pointInterval: 3600 * 1000, // pointIntervalUnit: "hour", tooltip: { valueDecimals: 0, }, step: true, // gapSize: 24, // gapUnit: 'hour', }, }, rangeSelector: { selected: 1, buttons: [{ type: 'week', count: 1, text: '1W', }, { type: 'week', count: 2, text: '2W', }, { type: 'week', count: 3, text: '3W', }, { type: 'month', count: 1, text: '1m', }, { type: 'month', count: 3, text: '3m', // }, { // type: 'month', // count: 6, // text: '6m', // }, { // type: 'year', // count: 1, // text: '1y', }, { type: 'all', text: 'All', }], }, yAxis: { title: { text: 'Ranking Points', }, minPadding: 0, maxPadding: 0, }, xAxis: { title: { text: 'Game end time', }, accessibility: { rangeDescription: 'Game End Time', }, // minRange: 1500, }, series: rankingStats, // annotations: [{ // labelOptions: { // backgroundColor: 'rgba(255,255,255,0.5)', // verticalAlign: 'top', // y: 15 // }, // labels: [{ // point: { // xAxis: 0, // yAxis: 0, // x: 27.98, // y: 255 // }, // text: 'Arbois' // }, { // point: { // xAxis: 0, // yAxis: 0, // x: 45.5, // y: 611 // }, // text: 'Montrond' // }, { // point: { // xAxis: 0, // yAxis: 0, // x: 63, // y: 651 // }, // text: 'Mont-sur-Monnet' // }, { // point: { // xAxis: 0, // yAxis: 0, // x: 84, // y: 789 // }, // x: -10, // text: 'Bonlieu' // }, { // point: { // xAxis: 0, // yAxis: 0, // x: 129.5, // y: 382 // }, // text: 'Chassal' // }, { // point: { // xAxis: 0, // yAxis: 0, // x: 159, // y: 443 // }, // text: 'Saint-Claude' // }] // }, { // labels: [{ // point: { // xAxis: 0, // yAxis: 0, // x: 101.44, // y: 1026 // }, // x: -30, // text: 'Col de la Joux' // }, { // point: { // xAxis: 0, // yAxis: 0, // x: 138.5, // y: 748 // }, // text: 'Côte de Viry' // }, { // point: { // xAxis: 0, // yAxis: 0, // x: 176.4, // y: 1202 // }, // text: 'Montée de la Combe
de Laisia Les Molunes' // }] // }, { // labelOptions: { // shape: 'connector', // align: 'right', // justify: false, // crop: true, // style: { // fontSize: '0.8em', // textOutline: '1px white' // } // }, // labels: [{ // point: { // xAxis: 0, // yAxis: 0, // x: 96.2, // y: 783 // }, // text: '6.1 km climb
4.6% on avg.' // }, { // point: { // xAxis: 0, // yAxis: 0, // x: 134.5, // y: 540 // }, // text: '7.6 km climb
5.2% on avg.' // }, { // point: { // xAxis: 0, // yAxis: 0, // x: 172.2, // y: 925 // }, // text: '11.7 km climb
6.4% on avg.' // }] // }], }); return rankingChart; }33:T5fe,function loadMmrChart(container){ if (!mmrStats || mmrStats.length <= 0){ return null; } const mmrChart = Highcharts.stockChart(container, { title: { text: 'MMR Chart', }, plotOptions: { series: { // pointInterval: 3600 * 1000, // pointIntervalUnit: "hour", tooltip: { valueDecimals: 0, }, step: true, // gapSize: 24, // gapUnit: 'hour', }, }, rangeSelector: { selected: 1, buttons: [{ type: 'week', count: 1, text: '1W', }, { type: 'week', count: 2, text: '2W', }, { type: 'week', count: 3, text: '3W', }, { type: 'month', count: 1, text: '1m', }, { type: 'month', count: 3, text: '3m', // }, { // type: 'month', // count: 6, // text: '6m', // }, { // type: 'year', // count: 1, // text: '1y', }, { type: 'all', text: 'All', }], }, yAxis: { title: { text: 'Ranking Points', }, minPadding: 0, maxPadding: 0, }, xAxis: { title: { text: 'Game end time', }, accessibility: { rangeDescription: 'Game End Time', }, // minRange: 1500, }, // series: [...mmrStats, ...rankingStats], series: [...mmrStats], }); return mmrChart; }34:T542,async function fetchAllPlayerMatches() { const matches = []; const steps = 100; let initialUrl = `https://api.w3champions.com/player/${playerUrl}/match?limit=1&offset=0`; let response = await fetch(initialUrl); let initialData = await response.json(); const totalMatches = initialData.total; // console.log('totalMatches '+ totalMatches); // get match history, 1) get first pull for the amount of matches const maxFetches = (totalMatches / 100); // console.log(`maxFetches ${maxFetches}`); const dataFetches = Math.ceil(maxFetches); // 2) get allMatches in 100ers // 3) get it for multiple (all the selected) players // console.log(`dataFetches ${dataFetches}`); for(let j = 0; j < dataFetches; j++){ let url = `https://api.w3champions.com/player/${playerUrl}/match?limit=${steps}&offset=${j * steps}`; let response = await fetch(url); let data = await response.json(); // console.log(`Got ${url} data ${data} data.items ${ data.items ? data.items.length : 0}`); if (data.items && data.items.length > 0){ // console.log('batch length: ' + data.items.length); for (let k = 0; k < data.items.length; k++){ const match = data.items[k]; matches.push(match); } } } // console.log('loaded matches: ' + matches.length); return matches; }35:T472,nemesisCollection = { const playerCounts = Object.values(nemesis); // const players = Object.keys(nemesis); playerCounts.sort((a, b) => a.games > b.games ? -1 : b.games > a.games ? 1 : 0); // const mostGamesObj = playerCounts[0]; // console.log("mostGamesObj " + mostGamesObj.player + " g " + mostGamesObj.games + " w " + mostGamesObj.wins + " l " + mostGamesObj.losses); const winsCount = Object.values(nemesis); winsCount.sort((a, b) => a.wins > b.wins ? -1 : b.wins > a.wins ? 1 : 0); // const mostWinsObj = winsCount[0]; // console.log("mostWinsObj " + mostWinsObj.player + " g " + mostWinsObj.games + " w " + mostWinsObj.wins + " l " + mostWinsObj.losses); const lossesCount = Object.values(nemesis); lossesCount.sort((a, b) => a.losses > b.losses ? -1 : b.losses > a.losses ? 1 : 0); // const mostLossesObj = lossesCount[0]; // console.log("mostLossesObj " + mostLossesObj.player + " g " + mostLossesObj.games + " l " + mostLossesObj.losses); return { 'MostGames': playerCounts.splice(0, 3), 'MostWins': winsCount.splice(0, 3), 'MostLosses': lossesCount.splice(0, 3), }; }36:T4f9,getStatsData = () => { if (!allMachtes || allMachtes.length <= 0){ return []; } let data = []; const series = []; let currentPlayer = null; let lastPlayer = null; for(let i = 0; i < allMachtes.length; i++){ const matchObj = allMachtes[i]; currentPlayer = matchObj.player; if (currentPlayer !== lastPlayer && data.length > 0){ data.sort(); data.reverse(); series.push({ name: lastPlayer.split('%')[0] + ' Ranking', data: [...data], }); data = []; } const playerRanking = getRankingFromPlayer(currentPlayer, matchObj); // console.log('count ' + i + ' currentPlayer: ' + currentPlayer + ' playerRanking: ' + playerRanking); if (playerRanking && playerRanking.updatedRanking) { data.push({ x: matchObj.match.endTime, // x: new Date(matchObj.match.endTime), y: playerRanking.updatedRanking.rp, }); } lastPlayer = matchObj.player; } data.sort(); data.reverse(); series.push({ name: lastPlayer.split('%')[0] + ' Ranking', data: [...data], // tooltip: { // valueDecimals: 1, // }, // step: true, // gapSize: 12, // gapUnit: 'hour', }); return series; };37:T4f0,getMmrStats = () => { if (!allMachtes || allMachtes.length <= 0){ return []; } let data = []; const series = []; let currentPlayer = null; let lastPlayer = null; for(let i = 0; i < allMachtes.length; i++){ const matchObj = allMachtes[i]; currentPlayer = matchObj.player; if (currentPlayer !== lastPlayer && data.length > 0){ data.sort(); data.reverse(); series.push({ name: lastPlayer.split('%')[0] + ' MMR', data: [...data], }); data = []; } const playerRanking = getRankingFromPlayer(currentPlayer, matchObj); // console.log('count ' + i + ' currentPlayer: ' + currentPlayer + ' playerRanking: ' + playerRanking); if (playerRanking && playerRanking.updatedRanking) { data.push({ x: matchObj.match.endTime, // x: new Date(matchObj.match.endTime), y: playerRanking.updatedMmr.rating, }); } lastPlayer = matchObj.player; } data.sort(); data.reverse(); series.push({ name: lastPlayer.split('%')[0] + ' MMR', data: [...data], // tooltip: { // valueDecimals: 1, // }, // step: true, // gapSize: 12, // gapUnit: 'hour', }); return series; };38:[] 2f:{"id":"a6bc85d4570111e9","slug":"warcraft-3-champions-ladder-player-stats","title":"Warcraft 3 Champions Ladder - Player Stats","thumbnail":"28c3fec1a5e1fc261a51300d2f6902af3f06d87cba6a8d181a755ca63002173e","access_level":"public","create_time":"$D2020-05-12T19:46:57.895Z","update_time":"$D2020-05-21T19:33:53.467Z","view_time":null,"first_public_time":"$D2020-12-09T11:10:54.935Z","fork":{"id":"3a8b60e69252f665","slug":"warcraft-3-champions-rankings","title":"Warcraft 3 Champions Ladder - Rankings","owner":{"id":"e893d779bcd54483","login":"domdomhaas","name":"Dominik Haas"}},"stars":0,"starred":false,"owner":{"type":"team","id":"e893d779bcd54483","login":"domdomhaas","name":"Dominik Haas","avatar_url":"https://avatars-next.observableusercontent.com/c15b32c72c2339b879c55ab6440be3d5001fb27a749eded6b6e8b4f240687b1a","tier":"starter_2024"},"version":1623,"publish_version":1623,"role":null,"authored":false,"authors":[{"type":"individual","id":"bc1a500ffc26e982","login":"domdomhaas","name":"Dominik Haas","avatar_url":"https://avatars-next.observableusercontent.com/c15b32c72c2339b879c55ab6440be3d5001fb27a749eded6b6e8b4f240687b1a","tier":null}],"members":[{"type":"individual","id":"bc1a500ffc26e982","login":"domdomhaas","name":"Dominik Haas","avatar_url":"https://avatars-next.observableusercontent.com/c15b32c72c2339b879c55ab6440be3d5001fb27a749eded6b6e8b4f240687b1a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Warcraft 3 Champions Ladder - Player Stats","cells":[{"id":0,"value":"md`# Warcraft 3 Champions Ladder - Player Stats`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":591,"value":"md`### 1) Choose the Realm\n ### 2) Choose the League\n ### 3) Then choose the players for the ranking comparision`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1376,"value":"viewof gatewaySelected = select({\n description: \"Realm / Gateway of the W3 Champions Ladder\",\n options: [{label: 'Europe', value: 20} ,{label: 'American', value: 10}],\n value: 20,\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":693,"value":"viewof selectedLeague = {\n \n const lSelect = select({\n description: \"Leagues of W3 Champions Ladder\",\n options: leaguesOptions,\n value: 0,\n });\n \n \n // for(let i = 0; i < lSelect.length; i++){\n // console.log(lSelect[i].input.options + \" \");\n // }\n \n // lSelect.input.style = \"position: absolute; top: 0px; right: 0;\";\n lSelect.input.style.fontFamily = \"Helvetica\";\n \n return lSelect;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1076,"value":"viewof selectedPlayer = {\n const pSelect = select({\n description: `Players from the ${leaguesOptions[selectedLeague].label}`,\n options: players,\n // multiple: true\n });\n \n // pSelect.style = \"position: relative; top: 0px; left: 25%;\";\n // pSelect.input.style = \"overflow: scroll; max-height: 350px;\";\n pSelect.input.style.fontFamily = \"Helvetica\";\n\n return pSelect;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":563,"value":"html`

Choose a player from list

\n \n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":829,"value":"myChart = loadRankingChart('myChart');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1321,"value":"mmrChart = loadMmrChart('mmrChart');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1510,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":611,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1293,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":361,"value":"// rankingStats = getStatsData();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1302,"value":"// mmrStats = getMmrStats();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1513,"value":"winLossStats = {\n if (!allMachtes || allMachtes.length <= 0){\n return [];\n }\n \n let data = [];\n const series = [];\n // let currentPlayer = null;\n // let lastPlayer = null;\n \n for(let i = 0; i < allMachtes.length; i++){\n const matchObj = allMachtes[i];\n const playerRanking = getRankingFromPlayer(selectedPlayer, matchObj);\n \n if (playerRanking) {\n data.push({\n x: matchObj.endTime,\n y: playerRanking.won ? 1 : -1,\n });\n }\n\n }\n \n series.push({\n name: selectedPlayer.split('%')[0] + ' WinLoss',\n data: [...data],\n }); \n \n return series;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1094,"value":"fetchedLeagues = (await fetch(`https://api.w3champions.com/leagues/${gatewaySelected}/1`)).json();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1079,"value":"leaguesOptions = { \n const leagues = [];\n for(let i = 0; i < fetchedLeagues.length; i++){\n const l = fetchedLeagues[i];\n let leagueName = l.name;\n if (!l.name.includes('Master')){\n leagueName += ' #' + l.division;\n }\n leagues.push({label: leagueName, value: i, });\n }\n\n return leagues;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"rankings = (await fetch(`https://api.w3champions.com/leagues/${gatewaySelected}/1/${selectedLeague}/ranks?limit=100&offset=0`)).json();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":886,"value":"players = {\n const players = [];\n \n for(let i = 0; i < rankings.items.length; i++){\n const player = rankings.items[i].battleTag;\n const rank = rankings.items[i].ranking.rank;\n players.push({ label: '#' + rank + ' '+ player, value: player});\n }\n \n return players;\n};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":908,"value":"playerUrl = selectedPlayer.replace('#', '%23');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1394,"value":"// viewof gamemodeSelected = select({\n// description: \"Game mode of the W3 Champions Ladder\",\n// options: [{label: '1 vs 1', value: 1} ,{label: '2 vs 2 Arranged Team', value: 6}],\n// value: 1,\n// })\ngamemodeSelected = 1","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"races = ({ '1': 'HU', '2': 'Orc', '4': 'NE', '8': 'UD', '0': 'Random' });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"allFetches = await fetchAllPlayerMatches(); ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":255,"value":"allMachtes = allFetches.filter(match => match.state === 2 && match.gateway === parseInt(gatewaySelected) && match.gameMode === parseInt(gamemodeSelected)); ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1455,"value":"nemesis = {\n const playerMap = {};\n \n for(let j = 0; j < allMachtes.length; j++){\n const match = allMachtes[j];\n \n for(let k = 0; k < match.players.length; k++){\n const p = match.players[k];\n\n if (p.inviteName !== playerUrl){\n const vsPlayer = playerMap[p.inviteName];\n\n if (vsPlayer){\n playerMap[p.inviteName] = {\n player: p.inviteName,\n games: vsPlayer.games + 1,\n wins: vsPlayer.wins + (p.won ? 0 : 1),\n losses: vsPlayer.losses + (p.won ? 1 : 0),\n endTime: vsPlayer.endTime > match.endTime ? new Date(vsPlayer.endTime) : new Date(match.endTime),\n }\n } else {\n playerMap[p.inviteName] = {\n player: p.inviteName,\n games: 1,\n wins: p.won ? 0 : 1,\n losses: p.won ? 1 : 0,\n endTime: new Date(match.endTime),\n }\n }\n \n }\n }\n }\n \n return playerMap\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1490,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":285,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1304,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":970,"value":"function getRankingFromPlayer(player, matchObj){\n const playersInMatch = matchObj.players;\n \n if (!playersInMatch){\n return null;\n }\n \n for(let i = 0; i < playersInMatch.length; i++){\n const playerInMatch = playersInMatch[i];\n \n if (playerInMatch.battleTag === player || playerInMatch.inviteName === player){\n // console.log('p: ' + player + ' playerInMatch ' + playerInMatch + ' updatedRanking: ' + playerInMatch.updatedRanking);\n return { \n mmr: playerInMatch.mmr,\n ranking: playerInMatch.ranking,\n updatedMmr: playerInMatch.updatedMmr,\n updatedRanking: playerInMatch.updatedRanking,\n won: playerInMatch.won,\n };\n }\n }\n \n // console.log('p: ' + player + ' matchObj: ' + matchObj.id);\n return null;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"md`Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"import { raceColors, getRaceColor, imagesUrls } from \"@domdomhaas/warcraft-3-champions-races-win-ratio-pie-chart\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1174,"value":"import { input, select, autoSelect } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"import {importjs} from \"@chomtana/import-external-library\";","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":534,"value":"Highcharts = {\n const Highcharts = window.Highcharts = await require(\"https://code.highcharts.com/highcharts.js\");\n // const Highcharts = window.Highcharts = await require(\"https://code.highcharts.com/stock/highstock.js\");\n window.HighchartsData = await require(\"https://code.highcharts.com/modules/data.js\");\n\n // await require(\"three@0.99.0/examples/js/controls/OrbitControls.js\").catch(() => {});\n return Highcharts;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1129,"value":"html `

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W38","stdlib":"1","titling":"auto"}} 30:"$2f:body"