function createList(){ //data var numberOfElements = parseInt(document.getElementById("numberOfElements").value); var lastElement = parseInt(document.getElementById("lastElement").value); var firstElement = parseInt(document.getElementById("firstElement").value); if(firstElement>lastElement){ alert("first element must be less than last element"); return; } if(lastElement-firstElement>=500){ alert("range must be less than 500"); return; } if(lastElement-firstElement>=500){ alert("range must be less than 500"); return; } if(numberOfElements>10000){ alert("number of elements must be less than 10000"); return; } if(!firstElement){ alert("first element not defined"); return; } if(!lastElement){ alert("last element not defined"); return; } if(numberOfElements==""){ alert("number of elements not defined"); return; } //variables ceate number const newNumbers = []; //variables mean var sum = 0; var mean = 0; //variables mode var valueOfmode = 0; const mode = []; const amountOfElements = []; const valueOfElements = []; //variables median var median; //create list for(i=0;i valueOfmode){ valueOfmode = amountOfElements[m]; } } for(n=0;n' + valueNumber +''; fromToValue += 0.1; valueScale += 50; } //display value diagram var fromToElements = 0; var elementScale = 545; var elementNumber = 0; for(j=0;j<11;j++){ elementNumber = Math.round(valueOfmode*fromToElements*100)/100; document.getElementById("diagram").innerHTML += '' + elementNumber +''; fromToElements += 0.1; elementScale -= 50; } //display diagram var rectangleWidth = (1/(lastElement + 1 - firstElement))*500; var yCoordinators = 0; const xCoordinatorsTable = []; var xCoordinators = 0; var empty = 0; var elements = lastElement-firstElement; var checkedElement = firstElement; var wchitch = 0; for(i=0;i<=elements;i++){ if(valueOfElements.indexOf(checkedElement) != -1){ var rectangleHight = (amountOfElements[wchitch] * (1/valueOfmode)) * 500; yCoordinators = (540-rectangleHight); xCoordinatorsTable[i] = 60+(rectangleWidth*i); xCoordinators = xCoordinatorsTable[i] + empty; document.getElementById("diagram").innerHTML += ''; wchitch++ } checkedElement++; } }

histogram (javascript)