function add_cell(tr, element_type, text) {
let element = document.createElement(element_type);
element.textContent = text;
+ if (element_type === 'th') {
+ element.setAttribute('colspan', '3');
+ }
tr.appendChild(element);
+ return element;
+}
+
+function add_3cell(tr, text, cls) {
+ let p1 = add_cell(tr, 'td', '');
+ let element = add_cell(tr, 'td', text);
+ let p2 = add_cell(tr, 'td', '');
+
+ p1.classList.add('pad');
+ p2.classList.add('pad');
+ if (cls === undefined) {
+ element.classList.add('num');
+ } else {
+ element.classList.add(cls);
+ }
+ return element;
+}
+
+function add_3cell_ci(tr, ci) {
+ if (isNaN(ci.val)) {
+ add_3cell(tr, 'N/A');
+ return; // FIXME: some SVG padding needed
+ }
+
+ let text;
+ if (ci.format === 'percentage') {
+ text = (100 * ci.val).toFixed(0) + '%';
+ } else {
+ text = ci.val.toFixed(2);
+ }
+ let element = add_3cell(tr, text);
+ let to_x = (val) => { return width * (val - ci.min) / (ci.max - ci.min); };
+
+ // Container.
+ const width = 100;
+ const height = 20;
+ let svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+ if (ci.inverted === true) {
+ svg.classList.add('invertedci');
+ } else {
+ svg.classList.add('ci');
+ }
+ svg.setAttribute('width', width);
+ svg.setAttribute('height', height);
+
+ // The good (green) and red (bad) ranges.
+ let s0 = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+ s0.classList.add('range');
+ s0.classList.add('s0');
+ s0.setAttribute('width', to_x(ci.desired));
+ s0.setAttribute('height', height);
+ s0.setAttribute('x', '0');
+
+ let s1 = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+ s1.classList.add('range');
+ s1.classList.add('s1');
+ s1.setAttribute('width', width - to_x(ci.desired));
+ s1.setAttribute('height', height);
+ s1.setAttribute('x', to_x(ci.desired));
+
+ // Confidence bar.
+ let bar = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+ bar.classList.add('bar');
+ bar.setAttribute('width', to_x(ci.upper_ci) - to_x(ci.lower_ci));
+ bar.setAttribute('height', height / 3);
+ bar.setAttribute('x', to_x(ci.lower_ci));
+ bar.setAttribute('y', height / 3);
+
+ // Marker line for average.
+ let marker = document.createElementNS('http://www.w3.org/2000/svg', 'line');
+ marker.classList.add('marker');
+ marker.setAttribute('x1', to_x(ci.val));
+ marker.setAttribute('x2', to_x(ci.val));
+ marker.setAttribute('y1', height / 6);
+ marker.setAttribute('y2', height * 5 / 6);
+
+ svg.appendChild(s0);
+ svg.appendChild(s1);
+ svg.appendChild(bar);
+ svg.appendChild(marker);
+
+ element.appendChild(svg);
}
function process_matches(json) {
rows = make_table_defense(players);
} else if (chosen_category === 'playing_time') {
rows = make_table_playing_time(players);
+ } else if (chosen_category === 'per_point') {
+ rows = make_table_per_point(players);
}
document.getElementById('stats').replaceChildren(...rows);
}
return 'defense';
} else if (window.location.hash === '#playing_time') {
return 'playing_time';
+ } else if (window.location.hash === '#per_point') {
+ return 'per_point';
} else {
return 'general';
}
function write_main_menu(chosen_category) {
let elems = [];
if (chosen_category === 'general') {
- elems.push(document.createTextNode('General'));
+ let span = document.createElement('span');
+ span.innerText = 'General';
+ elems.push(span);
} else {
let a = document.createElement('a');
a.appendChild(document.createTextNode('General'));
elems.push(a);
}
- elems.push(document.createTextNode(' | '));
if (chosen_category === 'offense') {
- elems.push(document.createTextNode('Offense'));
+ let span = document.createElement('span');
+ span.innerText = 'Offense';
+ elems.push(span);
} else {
let a = document.createElement('a');
a.appendChild(document.createTextNode('Offense'));
elems.push(a);
}
- elems.push(document.createTextNode(' | '));
if (chosen_category === 'defense') {
- elems.push(document.createTextNode('Defense'));
+ let span = document.createElement('span');
+ span.innerText = 'Defense';
+ elems.push(span);
} else {
let a = document.createElement('a');
a.appendChild(document.createTextNode('Defense'));
elems.push(a);
}
- elems.push(document.createTextNode(' | '));
if (chosen_category === 'playing_time') {
- elems.push(document.createTextNode('Playing time'));
+ let span = document.createElement('span');
+ span.innerText = 'Playing time';
+ elems.push(span);
} else {
let a = document.createElement('a');
a.appendChild(document.createTextNode('Playing time'));
elems.push(a);
}
+ if (chosen_category === 'per_point') {
+ let span = document.createElement('span');
+ span.innerText = 'Per point';
+ elems.push(span);
+ } else {
+ let a = document.createElement('a');
+ a.appendChild(document.createTextNode('Per point'));
+ a.setAttribute('href', '#per_point');
+ elems.push(a);
+ }
+
document.getElementById('mainmenu').replaceChildren(...elems);
}
+// https://en.wikipedia.org/wiki/1.96#History
+const z = 1.959964;
+
+function make_binomial_ci(val, num, z) {
+ let avg = val / num;
+
+ // https://en.wikipedia.org/wiki/Binomial_proportion_confidence_interval#Wilson_score_interval
+ let low = (avg + z*z/(2*num) - z * Math.sqrt(avg * (1.0 - avg) / num + z*z/(4*num*num))) / (1 + z*z/num);
+ let high = (avg + z*z/(2*num) + z * Math.sqrt(avg * (1.0 - avg) / num + z*z/(4*num*num))) / (1 + z*z/num);
+
+ // Fix the signs so that we don't get -0.00.
+ low = Math.max(low, 0.0);
+ return {
+ 'val': avg,
+ 'lower_ci': low,
+ 'upper_ci': high,
+ 'min': 0.0,
+ 'max': 1.0,
+ };
+}
+
+// These can only happen once per point, but you get -1 and +1
+// instead of 0 and +1. After we rewrite to 0 and 1, it's a binomial,
+// and then we can rewrite back.
+function make_efficiency_ci(points_won, points_completed, z)
+{
+ let ci = make_binomial_ci(points_won, points_completed, z);
+ ci.val = 2.0 * ci.val - 1.0;
+ ci.lower_ci = 2.0 * ci.lower_ci - 1.0;
+ ci.upper_ci = 2.0 * ci.upper_ci - 1.0;
+ ci.min = -1.0;
+ ci.max = 1.0;
+ ci.desired = 0.0; // Desired = positive efficiency.
+ return ci;
+}
+
+// Ds, throwaways and drops can happen multiple times per point,
+// so they are Poisson distributed.
+//
+// Modified Wald (recommended by http://www.ine.pt/revstat/pdf/rs120203.pdf
+// since our rates are definitely below 2 per point).
+function make_poisson_ci(val, num, z, inverted)
+{
+ let low = (val == 0) ? 0.0 : ((val - 0.5) - Math.sqrt(val - 0.5)) / num;
+ let high = (val == 0) ? -Math.log(0.025) / num : ((val + 0.5) + Math.sqrt(val + 0.5)) / num;
+
+ // Fix the signs so that we don't get -0.00.
+ low = Math.max(low, 0.0);
+
+ // The display range of 0 to 0.25 is fairly arbitrary. So is the desired 0.05 per point.
+ let avg = val / num;
+ return {
+ 'val': avg,
+ 'lower_ci': low,
+ 'upper_ci': high,
+ 'min': 0.0,
+ 'max': 0.25,
+ 'desired': 0.05,
+ 'inverted': inverted,
+ };
+}
+
function make_table_general(players) {
let rows = [];
{
let row = document.createElement('tr');
let pm = p.goals + p.assists + p.hockey_assists + p.defenses - p.throwaways - p.drops;
let soft_pm = p.offensive_soft_plus + p.defensive_soft_plus - p.offensive_soft_minus - p.defensive_soft_minus;
- let o_efficiency = (p.offensive_points_won / p.offensive_points_completed) * 2 - 1;
- let d_efficiency = (p.defensive_points_won / p.defensive_points_completed) * 2 - 1;
- add_cell(row, 'td', p.name); // TODO: number?
- add_cell(row, 'td', pm > 0 ? ('+' + pm) : pm);
- add_cell(row, 'td', soft_pm > 0 ? ('+' + soft_pm) : soft_pm);
- add_cell(row, 'td', p.offensive_points_completed > 0 ? o_efficiency.toFixed(2) : 'N/A');
- add_cell(row, 'td', p.defensive_points_completed > 0 ? d_efficiency.toFixed(2) : 'N/A');
- add_cell(row, 'td', p.points_played);
+ let o_efficiency = make_efficiency_ci(p.offensive_points_won, p.offensive_points_completed, z);
+ let d_efficiency = make_efficiency_ci(p.defensive_points_won, p.defensive_points_completed, z);
+ add_3cell(row, p.name, 'name'); // TODO: number?
+ add_3cell(row, pm > 0 ? ('+' + pm) : pm);
+ add_3cell(row, soft_pm > 0 ? ('+' + soft_pm) : soft_pm);
+ add_3cell_ci(row, o_efficiency);
+ add_3cell_ci(row, d_efficiency);
+ add_3cell(row, p.points_played);
rows.push(row);
}
// Globals.
let globals = players['globals'];
- let o_efficiency = (globals.offensive_points_won / globals.offensive_points_completed) * 2 - 1;
- let d_efficiency = (globals.defensive_points_won / globals.defensive_points_completed) * 2 - 1;
+ let o_efficiency = make_efficiency_ci(globals.offensive_points_won, globals.offensive_points_completed, z);
+ let d_efficiency = make_efficiency_ci(globals.defensive_points_won, globals.defensive_points_completed, z);
let row = document.createElement('tr');
- add_cell(row, 'td', '');
- add_cell(row, 'td', '');
- add_cell(row, 'td', '');
- add_cell(row, 'td', globals.offensive_points_completed > 0 ? o_efficiency.toFixed(2) : 'N/A');
- add_cell(row, 'td', globals.defensive_points_completed > 0 ? d_efficiency.toFixed(2) : 'N/A');
- add_cell(row, 'td', globals.points_played);
+ add_3cell(row, '');
+ add_3cell(row, '');
+ add_3cell(row, '');
+ add_3cell_ci(row, o_efficiency);
+ add_3cell_ci(row, d_efficiency);
+ add_3cell(row, globals.points_played);
rows.push(row);
return rows;
let drops = 0;
for (const [q,p] of Object.entries(players)) {
if (q === 'globals') continue;
- let throw_ok = 100 * (1 - p.throwaways / p.num_throws);
- let catch_ok = 100 * (p.catches / (p.catches + p.drops));
+ let throw_ok = make_binomial_ci(p.num_throws - p.throwaways, p.num_throws, z);
+ let catch_ok = make_binomial_ci(p.catches, p.catches + p.drops, z);
+
+ throw_ok.format = 'percentage';
+ catch_ok.format = 'percentage';
+
+ // Desire at least 90% percentage. Fairly arbitrary.
+ throw_ok.desired = 0.9;
+ catch_ok.desired = 0.9;
let row = document.createElement('tr');
- add_cell(row, 'td', p.name); // TODO: number?
- add_cell(row, 'td', p.goals);
- add_cell(row, 'td', p.assists);
- add_cell(row, 'td', p.hockey_assists);
- add_cell(row, 'td', p.num_throws);
- add_cell(row, 'td', p.throwaways);
- if (p.num_throws > 0) {
- add_cell(row, 'td', throw_ok.toFixed(0) + '%');
- } else {
- add_cell(row, 'td', 'N/A');
- }
- add_cell(row, 'td', p.catches);
- add_cell(row, 'td', p.drops);
- if (p.catches + p.drops > 0) {
- add_cell(row, 'td', catch_ok.toFixed(0) + '%');
- } else {
- add_cell(row, 'td', 'N/A');
- }
- add_cell(row, 'td', '+' + p.offensive_soft_plus);
- add_cell(row, 'td', '-' + p.offensive_soft_minus);
+ add_3cell(row, p.name, 'name'); // TODO: number?
+ add_3cell(row, p.goals);
+ add_3cell(row, p.assists);
+ add_3cell(row, p.hockey_assists);
+ add_3cell(row, p.num_throws);
+ add_3cell(row, p.throwaways);
+ add_3cell_ci(row, throw_ok);
+ add_3cell(row, p.catches);
+ add_3cell(row, p.drops);
+ add_3cell_ci(row, catch_ok);
+ add_3cell(row, '+' + p.offensive_soft_plus);
+ add_3cell(row, '-' + p.offensive_soft_minus);
rows.push(row);
num_throws += p.num_throws;
}
// Globals.
- let throw_ok = 100 * (1 - throwaways / num_throws);
- let catch_ok = 100 * (catches / (catches + drops));
+ let throw_ok = make_binomial_ci(num_throws - throwaways, num_throws, z);
+ let catch_ok = make_binomial_ci(catches, catches + drops, z);
+ throw_ok.format = 'percentage';
+ catch_ok.format = 'percentage';
+ throw_ok.desired = 0.9;
+ catch_ok.desired = 0.9;
let row = document.createElement('tr');
- add_cell(row, 'td', '');
- add_cell(row, 'td', '');
- add_cell(row, 'td', '');
- add_cell(row, 'td', '');
- add_cell(row, 'td', num_throws);
- add_cell(row, 'td', throwaways);
- add_cell(row, 'td', throw_ok.toFixed(0) + '%');
- add_cell(row, 'td', catches);
- add_cell(row, 'td', drops);
- add_cell(row, 'td', catch_ok.toFixed(0) + '%');
- add_cell(row, 'td', '');
- add_cell(row, 'td', '');
+ add_3cell(row, '');
+ add_3cell(row, '');
+ add_3cell(row, '');
+ add_3cell(row, '');
+ add_3cell(row, num_throws);
+ add_3cell(row, throwaways);
+ add_3cell_ci(row, throw_ok);
+ add_3cell(row, catches);
+ add_3cell(row, drops);
+ add_3cell_ci(row, catch_ok);
+ add_3cell(row, '');
+ add_3cell(row, '');
rows.push(row);
return rows;
let oob_pct = 100 * p.oob_pulls / p.pulls;
let row = document.createElement('tr');
- add_cell(row, 'td', p.name); // TODO: number?
- add_cell(row, 'td', p.defenses);
- add_cell(row, 'td', p.pulls);
+ add_3cell(row, p.name, 'name'); // TODO: number?
+ add_3cell(row, p.defenses);
+ add_3cell(row, p.pulls);
if (p.pulls === 0) {
- add_cell(row, 'td', 'N/A');
+ add_3cell(row, 'N/A');
} else {
- add_cell(row, 'td', p.oob_pulls + ' (' + oob_pct.toFixed(0) + '%)');
+ add_3cell(row, p.oob_pulls + ' (' + oob_pct.toFixed(0) + '%)');
}
if (p.pulls > p.oob_pulls) {
- add_cell(row, 'td', avg_time.toFixed(1) + ' sec');
+ add_3cell(row, avg_time.toFixed(1) + ' sec');
} else {
- add_cell(row, 'td', 'N/A');
+ add_3cell(row, 'N/A');
}
- add_cell(row, 'td', '+' + p.defensive_soft_plus);
- add_cell(row, 'td', '-' + p.defensive_soft_minus);
+ add_3cell(row, '+' + p.defensive_soft_plus);
+ add_3cell(row, '-' + p.defensive_soft_minus);
rows.push(row);
}
return rows;
for (const [q,p] of Object.entries(players)) {
if (q === 'globals') continue;
let row = document.createElement('tr');
- add_cell(row, 'td', p.name); // TODO: number?
- add_cell(row, 'td', p.points_played);
- add_cell(row, 'td', Math.floor(p.playing_time_ms / 60000) + ' min');
- add_cell(row, 'td', Math.floor(p.field_time_ms / 60000) + ' min');
- add_cell(row, 'td', p.offensive_points_completed);
- add_cell(row, 'td', p.defensive_points_completed);
+ add_3cell(row, p.name, 'name'); // TODO: number?
+ add_3cell(row, p.points_played);
+ add_3cell(row, Math.floor(p.playing_time_ms / 60000) + ' min');
+ add_3cell(row, Math.floor(p.field_time_ms / 60000) + ' min');
+ add_3cell(row, p.offensive_points_completed);
+ add_3cell(row, p.defensive_points_completed);
+ rows.push(row);
+ }
+
+ // Globals.
+ let globals = players['globals'];
+ let row = document.createElement('tr');
+ add_3cell(row, '');
+ add_3cell(row, globals.points_played);
+ add_3cell(row, Math.floor(globals.playing_time_ms / 60000) + ' min');
+ add_3cell(row, Math.floor(globals.field_time_ms / 60000) + ' min');
+ add_3cell(row, globals.offensive_points_completed);
+ add_3cell(row, globals.defensive_points_completed);
+ rows.push(row);
+
+ return rows;
+}
+
+function make_table_per_point(players) {
+ let rows = [];
+ {
+ let header = document.createElement('tr');
+ add_cell(header, 'th', 'Player');
+ add_cell(header, 'th', 'Goals');
+ add_cell(header, 'th', 'Assists');
+ add_cell(header, 'th', 'Hockey assists');
+ add_cell(header, 'th', 'Ds');
+ add_cell(header, 'th', 'Throwaways');
+ add_cell(header, 'th', 'Drops');
+ add_cell(header, 'th', 'Touches');
+ rows.push(header);
+ }
+
+ let goals = 0;
+ let assists = 0;
+ let hockey_assists = 0;
+ let defenses = 0;
+ let throwaways = 0;
+ let drops = 0;
+ let touches = 0;
+ for (const [q,p] of Object.entries(players)) {
+ if (q === 'globals') continue;
+
+ // Can only happen once per point, so these are binomials.
+ let ci_goals = make_binomial_ci(p.goals, p.points_played, z);
+ let ci_assists = make_binomial_ci(p.assists, p.points_played, z);
+ let ci_hockey_assists = make_binomial_ci(p.hockey_assists, p.points_played, z);
+ // Arbitrarily desire at least 10% (not everybody can score or assist).
+ ci_goals.desired = 0.1;
+ ci_assists.desired = 0.1;
+ ci_hockey_assists.desired = 0.1;
+
+ let row = document.createElement('tr');
+ add_3cell(row, p.name, 'name'); // TODO: number?
+ add_3cell_ci(row, ci_goals);
+ add_3cell_ci(row, ci_assists);
+ add_3cell_ci(row, ci_hockey_assists);
+ add_3cell_ci(row, make_poisson_ci(p.defenses, p.points_played, z));
+ add_3cell_ci(row, make_poisson_ci(p.throwaways, p.points_played, z, true));
+ add_3cell_ci(row, make_poisson_ci(p.drops, p.points_played, z, true));
+ if (p.points_played > 0) {
+ add_3cell(row, p.touches == 0 ? 0 : (p.touches / p.points_played).toFixed(2));
+ } else {
+ add_3cell(row, 'N/A');
+ }
rows.push(row);
+
+ goals += p.goals;
+ assists += p.assists;
+ hockey_assists += p.hockey_assists;
+ defenses += p.defenses;
+ throwaways += p.throwaways;
+ drops += p.drops;
+ touches += p.touches;
}
// Globals.
let globals = players['globals'];
let row = document.createElement('tr');
- add_cell(row, 'td', '');
- add_cell(row, 'td', globals.points_played);
- add_cell(row, 'td', Math.floor(globals.playing_time_ms / 60000) + ' min');
- add_cell(row, 'td', Math.floor(globals.field_time_ms / 60000) + ' min');
- add_cell(row, 'td', globals.offensive_points_completed);
- add_cell(row, 'td', globals.defensive_points_completed);
+ add_3cell(row, '');
+ if (globals.points_played > 0) {
+ add_3cell(row, goals == 0 ? 0 : (goals / globals.points_played).toFixed(2));
+ add_3cell(row, assists == 0 ? 0 : (assists / globals.points_played).toFixed(2));
+ add_3cell(row, hockey_assists == 0 ? 0 : (hockey_assists / globals.points_played).toFixed(2));
+ add_3cell(row, defenses == 0 ? 0 : (defenses / globals.points_played).toFixed(2));
+ add_3cell(row, throwaways == 0 ? 0 : (throwaways / globals.points_played).toFixed(2));
+ add_3cell(row, drops == 0 ? 0 : (drops / globals.points_played).toFixed(2));
+ add_3cell(row, touches == 0 ? 0 : (touches / globals.points_played).toFixed(2));
+ } else {
+ add_3cell(row, 'N/A');
+ add_3cell(row, 'N/A');
+ add_3cell(row, 'N/A');
+ add_3cell(row, 'N/A');
+ add_3cell(row, 'N/A');
+ add_3cell(row, 'N/A');
+ add_3cell(row, 'N/A');
+ }
rows.push(row);
return rows;