diff --git a/src/main/java/com/group11/surveymonkey/SurveyWebController.java b/src/main/java/com/group11/surveymonkey/SurveyWebController.java
index 870a79a..647c095 100644
--- a/src/main/java/com/group11/surveymonkey/SurveyWebController.java
+++ b/src/main/java/com/group11/surveymonkey/SurveyWebController.java
@@ -172,9 +172,20 @@ public String viewSurveyResults(HttpServletRequest request, @PathVariable("id")
             rangeData.add(List.of(rangeQnA.getQuestionText(), rangeAnswers));
         }
 
+        List<ChoiceQnA> choiceQnAs = survey.getChoiceList();
+        List<List<Object>> choiceData = new ArrayList<>();
+        for(ChoiceQnA choiceQnA : choiceQnAs) {
+            List<String> choiceAnswers = new ArrayList<>();
+            for(ChoiceAnswer choiceAnswer : choiceQnA.getChoiceAnswers()) {
+                choiceAnswers.add(choiceAnswer.getAnswer());
+            }
+            choiceData.add(List.of(choiceQnA.getQuestionText(), choiceAnswers));
+        }
+
         model.addAttribute("survey", survey);
         model.addAttribute("surveyId", surveyId);
         model.addAttribute("rangeData", rangeData);
+        model.addAttribute("choiceData", choiceData);
 
         return "resultViewer";
     }
diff --git a/src/main/resources/templates/resultViewer.html b/src/main/resources/templates/resultViewer.html
index c4ddfc3..e061ea1 100644
--- a/src/main/resources/templates/resultViewer.html
+++ b/src/main/resources/templates/resultViewer.html
@@ -46,6 +46,31 @@ <h2>Range Question Results</h2>
     </script>
   </div>
   <h2>Choice Question Results</h2>
+  <div th:each="choice : ${choiceData}">
+    <div th:id="'pie-' + ${choiceStat.index}" style="width: 800px; height: 400px;"></div>
+    <script th:inline="javascript">
+      var numBins = [[${choice[1].stream().distinct().count()}]];
+      var colors = [];
+      for (var i = 0; i < numBins; i++) {
+        colors.push('#' + Math.floor(Math.random() * 16777215).toString(16));
+      }
+      var trace = {
+        labels: [[${choice[1]}]],
+        type: 'pie',
+        marker: {
+          color: colors
+        },
+        opacity: 0.75
+      };
+      var data = [trace];
+      var layout = {
+        title: [[${choice[0]}]],
+        height: 400,
+        width: 500
+      };
+      Plotly.newPlot('pie-' + [[${choiceStat.index}]], data, layout);
+    </script>
+  </div>
   <a th:href="@{/surveyHome}">Return to Survey Display</a>
 </body>
 </html>
\ No newline at end of file