Index: lams_tool_assessment/web/pages/tblmonitoring/assessment.jsp
===================================================================
diff -u -r79db1b495adba49dd54a6250c1221a326f153633 -rdca7b3dba49f1ed80be1ad3fc19958073005d1d8
--- lams_tool_assessment/web/pages/tblmonitoring/assessment.jsp	(.../assessment.jsp)	(revision 79db1b495adba49dd54a6250c1221a326f153633)
+++ lams_tool_assessment/web/pages/tblmonitoring/assessment.jsp	(.../assessment.jsp)	(revision dca7b3dba49f1ed80be1ad3fc19958073005d1d8)
@@ -11,8 +11,29 @@
 </c:set>
 <% pageContext.setAttribute("newLineChar", "\r\n"); %>
 
+<script src="<lams:LAMSURL/>includes/javascript/chart.bundle.min.js"></script>
+<script src="<lams:WebAppURL />includes/javascript/chart.js"></script>
 <script src="<lams:LAMSURL/>includes/javascript/common.js"></script> 
 <script>
+	var WEB_APP_URL = '<lams:WebAppURL />',
+		
+	LABELS = $.extend(LABELS, {
+		<fmt:message key="label.monitoring.summary.completion" var="ACTIVITY_COMPLETION_CHART_TITLE_VAR"/>
+		ACTIVITY_COMPLETION_CHART_TITLE : '<c:out value="${ACTIVITY_COMPLETION_CHART_TITLE_VAR}" />',
+		<fmt:message key="label.monitoring.summary.completion.possible" var="ACTIVITY_COMPLETION_CHART_POSSIBLE_LEARNERS_VAR"/>
+		ACTIVITY_COMPLETION_CHART_POSSIBLE_LEARNERS : '<c:out value="${ACTIVITY_COMPLETION_CHART_POSSIBLE_LEARNERS_VAR}" />',
+		<fmt:message key="label.monitoring.summary.completion.started" var="ACTIVITY_COMPLETION_CHART_STARTED_LEARNERS_VAR"/>
+		ACTIVITY_COMPLETION_CHART_STARTED_LEARNERS : '<c:out value="${ACTIVITY_COMPLETION_CHART_STARTED_LEARNERS_VAR}" />',	
+		<fmt:message key="label.monitoring.summary.completion.completed" var="ACTIVITY_COMPLETION_CHART_COMPLETED_LEARNERS_VAR"/>
+		ACTIVITY_COMPLETION_CHART_COMPLETED_LEARNERS : '<c:out value="${ACTIVITY_COMPLETION_CHART_COMPLETED_LEARNERS_VAR}" />',	
+		<fmt:message key="label.monitoring.summary.answered.questions" var="ANSWERED_QUESTIONS_CHART_TITLE_VAR"/>
+		ANSWERED_QUESTIONS_CHART_TITLE : '<c:out value="${ANSWERED_QUESTIONS_CHART_TITLE_VAR}" />',
+		<fmt:message key="label.monitoring.summary.answered.questions.x.axis" var="ANSWERED_QUESTIONS_CHART_X_AXIS_VAR"/>
+		ANSWERED_QUESTIONS_CHART_X_AXIS : '<c:out value="${ANSWERED_QUESTIONS_CHART_X_AXIS_VAR}" />',
+		<fmt:message key="label.monitoring.summary.answered.questions.y.axis" var="ANSWERED_QUESTIONS_CHART_Y_AXIS_VAR"/>
+		ANSWERED_QUESTIONS_CHART_Y_AXIS : '<c:out value="${ANSWERED_QUESTIONS_CHART_Y_AXIS_VAR}" />'
+	});
+	
 	$(document).ready(function(){
 		// change attempted and all learners numbers
 		$('.nav-tabs').bind('click', function (event) {
@@ -32,7 +53,6 @@
 			// load results div for the first time
 			loadResultsPane($(this), false);
 		});
-		
 	});
 	
 	function loadResultsPane(resultsPane, isRefresh) {
Index: lams_tool_assessment/web/pages/tblmonitoring/assessmentStudentChoices.jsp
===================================================================
diff -u -re6dc4db4137cfd6b07a4aa79711b9d12b39fb78e -rdca7b3dba49f1ed80be1ad3fc19958073005d1d8
--- lams_tool_assessment/web/pages/tblmonitoring/assessmentStudentChoices.jsp	(.../assessmentStudentChoices.jsp)	(revision e6dc4db4137cfd6b07a4aa79711b9d12b39fb78e)
+++ lams_tool_assessment/web/pages/tblmonitoring/assessmentStudentChoices.jsp	(.../assessmentStudentChoices.jsp)	(revision dca7b3dba49f1ed80be1ad3fc19958073005d1d8)
@@ -6,8 +6,21 @@
     	overflow: scroll;
     	max-width: 30ch;
 	} 
+	
+	#completion-charts-container > div {
+		padding: 5rem 0;
+	}
 </style>
+
 <script>
+	var activityCompletionChart = null,
+		answeredQuestionsChart = null,
+		COMPLETION_CHART_UPDATE_INTERVAL = 10 * 1000;
+	
+	$(document).ready(function(){
+		drawCompletionCharts(${toolContentID}, true);
+	});
+		
 	function exportExcel(){
 		//dynamically create a form and submit it
 		var exportExcelUrl = "<lams:LAMSURL/>tool/laasse10/monitoring/exportSummary.do?toolContentID=${toolContentID}&downloadTokenValue=dummy&fileName=assessment_export.xlsx&reqID=" + (new Date()).getTime();
@@ -53,6 +66,16 @@
 <br>
 <!-- End notifications -->
 
+<div id="completion-charts-container">
+	<div class="col-sm-12 col-md-6">
+		<canvas id="activity-completion-chart"></canvas>
+	</div>
+	
+	<div class="col-sm-12 col-md-6">
+		<canvas id="answered-questions-chart"></canvas>
+	</div>
+</div>
+
 <!-- Table --> 
 <div class="row no-gutter">
 <div class="col-xs-12 col-md-12 col-lg-12">
Index: lams_tool_assessment/web/pages/tblmonitoring/iraAssessmentStudentChoices.jsp
===================================================================
diff -u -r2fe063fefbb629bb00bfa6781e3bfb9071aba7b9 -rdca7b3dba49f1ed80be1ad3fc19958073005d1d8
--- lams_tool_assessment/web/pages/tblmonitoring/iraAssessmentStudentChoices.jsp	(.../iraAssessmentStudentChoices.jsp)	(revision 2fe063fefbb629bb00bfa6781e3bfb9071aba7b9)
+++ lams_tool_assessment/web/pages/tblmonitoring/iraAssessmentStudentChoices.jsp	(.../iraAssessmentStudentChoices.jsp)	(revision dca7b3dba49f1ed80be1ad3fc19958073005d1d8)
@@ -1,6 +1,23 @@
 <%@ include file="/common/taglibs.jsp"%>
 <% pageContext.setAttribute("newLineChar", "\r\n"); %>
+
+<style>
+	#completion-charts-container > div {
+		padding: 5rem 0;
+	}
+</style>
+
 <script>
+	var activityCompletionChart = null,
+		answeredQuestionsChart = null,
+		// do not refresh charts automatically
+		// they will be redrawn on page auto reload
+		COMPLETION_CHART_UPDATE_INTERVAL = 0;
+	
+	$(document).ready(function(){
+		drawCompletionCharts(${toolContentID}, false);
+	});
+			
 	function exportExcel(){
 		//dynamically create a form and submit it
 		var exportExcelUrl = "<lams:LAMSURL/>tool/laasse10/monitoring/exportSummary.do?toolContentID=${toolContentID}&downloadTokenValue=dummy&fileName=assessment_export.xlsx&reqID=" + (new Date()).getTime();
@@ -46,5 +63,15 @@
 <br>
 <!-- End notifications -->
 
+<div id="completion-charts-container">
+	<div class="col-sm-12 col-md-6">
+		<canvas id="activity-completion-chart"></canvas>
+	</div>
+	
+	<div class="col-sm-12 col-md-6">
+		<canvas id="answered-questions-chart"></canvas>
+	</div>
+</div>
+
 <%-- Include student's choices part --%>
 <%@ include file="/pages/monitoring/parts/mcqStudentChoices.jsp" %>
\ No newline at end of file