Section averages added

This commit is contained in:
Peter Edmond 2025-06-21 22:01:46 +01:00
parent 455876378e
commit 2da945fb9b
2 changed files with 53 additions and 25 deletions

View File

@ -32,7 +32,7 @@ function getAverage(prefix) {
} }
const avg = numbers.reduce((sum, n) => sum + n, 0) / numbers.length; const avg = numbers.reduce((sum, n) => sum + n, 0) / numbers.length;
//console.log("Average of averages:", avg); console.log("Average of averages:", avg);
return avg; return avg;
} }
@ -53,6 +53,19 @@ function getSurveyData(){
document.getElementById("greatEvaluation").innerHTML = ""; document.getElementById("greatEvaluation").innerHTML = "";
document.getElementById("greatImpact").innerHTML = ""; document.getElementById("greatImpact").innerHTML = "";
// Reset all averages
document.getElementById("Owners_avg").innerHTML = "";
document.getElementById("Leaders_avg").innerHTML = "";
document.getElementById("Governance_avg").innerHTML = "";
document.getElementById("Culture_avg").innerHTML = "";
document.getElementById("Engagement_avg").innerHTML = "";
document.getElementById("Stewardship_avg").innerHTML = "";
document.getElementById("Strategy_avg").innerHTML = "";
document.getElementById("Innovation_avg").innerHTML = "";
document.getElementById("Advantage_avg").innerHTML = "";
document.getElementById("Measurement_avg").innerHTML = "";
document.getElementById("Evaluation_avg").innerHTML = "";
document.getElementById("Impact_avg").innerHTML = "";
@ -300,20 +313,23 @@ function getSurveyData(){
// We now have access to all of the averages, so can calculate the basic triangle. // We now have access to all of the averages, so can calculate the basic triangle.
//EO ROLES //EO ROLES
let svg1_avg = (getAverage("svg1_")+3)/7; document.getElementById("Owners_avg").innerHTML = getAverage("svg1_").toFixed(2);
let svg2_avg = (getAverage("svg2_")+3)/7; document.getElementById("Leaders_avg").innerHTML = getAverage("svg2_").toFixed(2);
let svg3_avg = (getAverage("svg3_")+3)/7; document.getElementById("Governance_avg").innerHTML = getAverage("svg3_").toFixed(2);
let svg1_avg = (getAverage("svg1_")+3)/7; //Owners
let svg2_avg = (getAverage("svg2_")+3)/7; //Leaders
let svg3_avg = (getAverage("svg3_")+3)/7; //Governance
let roles_avg = (7*(svg1_avg+svg2_avg+svg3_avg)/3)-3; // this converts the scales lengths to the correct value let roles_avg = (7*(svg1_avg+svg2_avg+svg3_avg)/3)-3; // this converts the scales lengths to the correct value
console.log(svg1_avg,svg2_avg,svg3_avg, roles_avg); //console.log(svg1_avg,svg2_avg,svg3_avg, roles_avg);
doLittleWhiteTriangle('svg_roles'); doLittleWhiteTriangle('svg_roles');
//drawtriangle('#svg_roles','Roles','#008845',[0.25,0.5,0.75],'', { x: 0, y: 100 },roles_avg.toFixed(1)); //drawtriangle('#svg_roles','Roles','#008845',[0.25,0.5,0.75],'', { x: 0, y: 100 },roles_avg.toFixed(1));
drawtriangle('#svg_roles','Roles','#008845',[svg1_avg,svg2_avg,svg3_avg],'', { x: 0, y: 100 },roles_avg.toFixed(1)); drawtriangle('#svg_roles','Roles','#008845',[svg2_avg,svg3_avg,svg1_avg],'', { x: 0, y: 100 },roles_avg.toFixed(1));
//makeSvgRightClickable('svg_roles'); //makeSvgRightClickable('svg_roles');
doLittleWhiteTriangle('svg_roles_RAG'); doLittleWhiteTriangle('svg_roles_RAG');
drawtriangle('#svg_roles_RAG','Roles','#008845',[svg1_avg,svg2_avg,svg3_avg],RAGGED(roles_avg), { x: 0, y: 100 },roles_avg.toFixed(1)); drawtriangle('#svg_roles_RAG','Roles','#008845',[svg2_avg,svg3_avg,svg1_avg],RAGGED(roles_avg), { x: 0, y: 100 },roles_avg.toFixed(1));
//makeSvgRightClickable('svg_roles_RAG'); //makeSvgRightClickable('svg_roles_RAG');
doLittleWhiteTriangle('svg_roles_test'); doLittleWhiteTriangle('svg_roles_test');
@ -322,9 +338,12 @@ function getSurveyData(){
//EO APPROACH //EO APPROACH
let svg4_avg = (getAverage("svg4_")+3)/7; document.getElementById("Culture_avg").innerHTML = getAverage("svg4_").toFixed(2);
let svg5_avg = (getAverage("svg5_")+3)/7; document.getElementById("Engagement_avg").innerHTML = getAverage("svg5_").toFixed(2);
let svg6_avg = (getAverage("svg6_")+3)/7; document.getElementById("Stewardship_avg").innerHTML = getAverage("svg6_").toFixed(2);
let svg4_avg = (getAverage("svg4_")+3)/7; //Culture
let svg5_avg = (getAverage("svg5_")+3)/7; //Engagement
let svg6_avg = (getAverage("svg6_")+3)/7; //Stewardship
let approach_avg = (7*(svg4_avg+svg5_avg+svg6_avg)/3)-3; // this converts the scales lengths to the correct value let approach_avg = (7*(svg4_avg+svg5_avg+svg6_avg)/3)-3; // this converts the scales lengths to the correct value
console.log(svg4_avg,svg5_avg,svg6_avg,approach_avg); console.log(svg4_avg,svg5_avg,svg6_avg,approach_avg);
@ -344,9 +363,12 @@ function getSurveyData(){
//EO ACTIONS //EO ACTIONS
let svg7_avg = (getAverage("svg7_")+3)/7; document.getElementById("Strategy_avg").innerHTML = getAverage("svg7_").toFixed(2);
let svg8_avg = (getAverage("svg8_")+3)/7; document.getElementById("Innovation_avg").innerHTML = getAverage("svg8_").toFixed(2);
let svg9_avg = (getAverage("svg9_")+3)/7; document.getElementById("Advantage_avg").innerHTML = getAverage("svg9_").toFixed(2);
let svg7_avg = (getAverage("svg7_")+3)/7; //Strategy
let svg8_avg = (getAverage("svg8_")+3)/7; //Innovation
let svg9_avg = (getAverage("svg9_")+3)/7; //Advantage
let actions_avg = (7*(svg7_avg+svg8_avg+svg9_avg)/3)-3; // this converts the scales lengths to the correct value let actions_avg = (7*(svg7_avg+svg8_avg+svg9_avg)/3)-3; // this converts the scales lengths to the correct value
console.log(svg7_avg,svg8_avg,svg9_avg,actions_avg); console.log(svg7_avg,svg8_avg,svg9_avg,actions_avg);
@ -366,6 +388,9 @@ function getSurveyData(){
//EO IMPACT //EO IMPACT
document.getElementById("Measurement_avg").innerHTML = getAverage("svg10_").toFixed(2);
document.getElementById("Evaluation_avg").innerHTML = getAverage("svg11_").toFixed(2);
document.getElementById("Impact_avg").innerHTML = getAverage("svg12_").toFixed(2);
let svg10_avg = (getAverage("svg10_")+3)/7; let svg10_avg = (getAverage("svg10_")+3)/7;
let svg11_avg = (getAverage("svg11_")+3)/7; let svg11_avg = (getAverage("svg11_")+3)/7;
let svg12_avg = (getAverage("svg12_")+3)/7; let svg12_avg = (getAverage("svg12_")+3)/7;

View File

@ -108,6 +108,9 @@
background-color: #EEE; background-color: #EEE;
} }
.avgs {
color: #e40074;
}
</style> </style>
@ -190,7 +193,7 @@
<svg class="triangle no-axis no-text big-number" style="display: inline-block" xmlns="http://www.w3.org/2000/svg" id="svg_roles_test" width="500" height="500"></svg> <svg class="triangle no-axis no-text big-number" style="display: inline-block" xmlns="http://www.w3.org/2000/svg" id="svg_roles_test" width="500" height="500"></svg>
<hr> <hr>
<h3>Great Employee Owners</h3> <h3>Great Employee Owners: <span id="Owners_avg" class="avgs"></span></h3>
<div class="section"> <div class="section">
<p>1. Our employee owners understand how to think and act like an owner.</p> <p>1. Our employee owners understand how to think and act like an owner.</p>
@ -213,7 +216,7 @@
<hr> <hr>
<h3>Great EO Leaders</h3> <h3>Great EO Leaders: <span id="Leaders_avg" class="avgs"></span></h3>
<div class="section"> <div class="section">
<p>1. Our executive leaders (those responsible for leading the business) are committed to realising the full business potential of our employee ownership.</p> <p>1. Our executive leaders (those responsible for leading the business) are committed to realising the full business potential of our employee ownership.</p>
@ -234,7 +237,7 @@
<hr> <hr>
<h3>Great EO Governance</h3> <h3>Great EO Governance: <span id="Governance_avg" class="avgs"></span></h3>
<div class="section"> <div class="section">
@ -272,7 +275,7 @@
<hr> <hr>
<h3>Great EO Culture</h3> <h3>Great EO Culture: <span id="Culture_avg" class="avgs"></span></h3>
<div class="section"> <div class="section">
@ -294,7 +297,7 @@
<hr> <hr>
<h3>Great EO Engagement</h3> <h3>Great EO Engagement: <span id="Engagement_avg" class="avgs"></span></h3>
<div class="section"> <div class="section">
@ -315,7 +318,7 @@
<hr> <hr>
<h3>Great EO Stewardship</h3> <h3>Great EO Stewardship: <span id="Stewardship_avg" class="avgs"></span></h3>
<div class="section"> <div class="section">
@ -350,7 +353,7 @@
<hr> <hr>
<h3>Great EO Strategy</h3> <h3>Great EO Strategy: <span id="Strategy_avg" class="avgs"></h3>
<div class="section"> <div class="section">
@ -371,7 +374,7 @@
<hr> <hr>
<h3>Great EO Innovation</h3> <h3>Great EO Innovation: <span id="Innovation_avg" class="avgs"></h3>
<div class="section"> <div class="section">
@ -394,7 +397,7 @@
<hr> <hr>
<h3>Great EO Advantage</h3> <h3>Great EO Advantage: <span id="Advantage_avg" class="avgs"></h3>
<div class="section"> <div class="section">
@ -425,7 +428,7 @@
<svg class="triangle no-axis no-text big-number" style="display: inline-block" xmlns="http://www.w3.org/2000/svg" id="svg_results_test" width="500" height="500"></svg> <svg class="triangle no-axis no-text big-number" style="display: inline-block" xmlns="http://www.w3.org/2000/svg" id="svg_results_test" width="500" height="500"></svg>
<hr> <hr>
<h3>Great EO Measurement</h3> <h3>Great EO Measurement: <span id="Measurement_avg" class="avgs"></h3>
<div class="section"> <div class="section">
@ -447,7 +450,7 @@
<hr> <hr>
<h3>Great EO Evaluation</h3> <h3>Great EO Evaluation: <span id="Evaluation_avg" class="avgs"></h3>
<div class="section"> <div class="section">
@ -467,7 +470,7 @@
<hr> <hr>
<h3>Great EO Impact</h3> <h3>Great EO Impact: <span id="Impact_avg" class="avgs"></h3>
<div class="section"> <div class="section">