" + data[i].course + "

"; quantity.innerHTML += '

' + data[i].learners + " learners

"; quantity.innerHTML += '

' + data[i].lessons + " lessons

"; quantity.innerHTML += '

' + data[i].quizzes + " quizzes

"; } } */ function total() { var quantity = document.querySelector("#quant"); var totalLearners = 0; var totalLessons = 0; var totalQuizzes = 0; for (let i = 0; i < data.length; i++) { var id = data[i].id; totalLearners += data[i].learners; totalLessons += data[i].lessons; totalQuizzes += data[i].quizzes; } quantity.innerHTML = "

Total Data

"; quantity.innerHTML += "

There are " + data.length + " courses on SoloLearn

"; quantity.innerHTML += "

There are " + totalLearners + " learners on SoloLearn

"; quantity.innerHTML += "

There are " + totalLessons + " lessons on SoloLearn

"; quantity.innerHTML += "

There are " + totalQuizzes + " quizzes on SoloLearn

"; } /* function empty() { var quantity = document.querySelector("#quant"); quantity.innerHTML = ""; } */ //Google Charts // Load google charts google.charts.load("current", { packages: ["corechart"] }); google.charts.setOnLoadCallback(drawBarChart); function getLearnerDataBar() { var dataLearners = [["Course", "Number of Learners"]]; for (let i = 1; i < data.length; i++) { dataLearners[i] = [data[i-1].course, data[i-1].learners]; } drawBarChart(dataLearners, "Number of Students per course", ["darkorange"]); } function getLessonDataBar() { var dataLessons = [["Course", "Number of Lessons"]]; for (let i = 1; i < data.length; i++) { dataLessons[i] = [data[i-1].course, data[i-1].lessons]; } drawBarChart(dataLessons, "Number of Lessons per language", ["darkkhaki"]); } function getQuizzesDataBar() { var dataQuizzes = [["Course", "Number of Quizzes"]]; for (let i = 1; i < data.length; i++) { dataQuizzes[i] = [data[i-1].course, data[i-1].quizzes]; } drawBarChart(dataQuizzes, "Number of Quizzes per language", ["blueviolet"]); } function getLessonData() { var dataLessons = [["Course", "Number of Lessons"]]; for (let i = 1; i < data.length; i++) { dataLessons[i] = [data[i-1].course, data[i-1].lessons]; } drawPieChart(dataLessons, "Lessons (in %)"); } function getQuizzesData() { var dataQuizzes = [["Course", "Number of Quizzes"]]; for (let i = 1; i < data.length; i++) { dataQuizzes[i] = [data[i-1].course, data[i-1].quizzes]; } drawPieChart(dataQuizzes, "Quizzes (in %)"); } function drawBarChart(dataDiv, title, color) { var dataLearners = google.visualization.arrayToDataTable(dataDiv); var options = { title: title, width: 600, height: 400, is3D: true, backgroundColor: "lightyellow", colors: color }; var chart = new google.visualization.BarChart( document.querySelector("#quant") ); chart.draw(dataLearners, options); } function drawPieChart(dataDiv, title) { var dataLearners = google.visualization.arrayToDataTable(dataDiv); var options = { title: title, width: 600, height: 400, is3D: true, backgroundColor: "lightyellow", }; var chart = new google.visualization.PieChart( document.querySelector("#quant") ); chart.draw(dataLearners, options); }

#GoDataGo