✨ Implemented in Live-Game

frontend/src/lib/play/admin/voting_results.svelte

@@ -0,0 +1,50 @@
+<!--
+  - This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at https://mozilla.org/MPL/2.0/.
+  -->
+<script lang="ts">
+	import type { Question } from '$lib/quiz_types';
+
+	export let data;
+	export let question: Question;
+
+	let quiz_answers = [];
+
+	for (const i of question.answers) {
+		quiz_answers.push(i.answer);
+	}
+
+	console.log('mounted', question);
+	let sorted_data = {};
+	for (const i of quiz_answers) {
+		sorted_data[i] = 0;
+	}
+	for (const i of data) {
+		sorted_data[i.answer] += 1;
+	}
+</script>
+
+<div class="flex justify-center h-full w-full">
+	<div
+		class="m-auto grid grid-rows-3 w-fit gap-4"
+		style="grid-template-columns: repeat({quiz_answers.length}, minmax(0, 1fr));"
+	>
+		{#each quiz_answers as answer}
+			<span class="text-center self-end"
+				>{#if sorted_data[answer] > 0}{sorted_data[answer]}{/if}</span
+			>
+		{/each}
+		{#each quiz_answers as answer}
+			<div
+				class="w-20 bg-black self-end flex justify-center"
+				style="height: {(sorted_data[answer] * 20) / data.length}rem"
+			/>
+		{/each}
+		{#each quiz_answers as answer}
+			<div class="w-20">
+				<p class="-rotate-45">{answer}</p>
+			</div>
+		{/each}
+	</div>
+</div>

frontend/src/lib/play/question.svelte

@@ -113,7 +113,7 @@
 	</div>
 {/if}
 {#if timer_res !== '0'}
-	{#if question.type === QuizQuestionType.ABCD}
+	{#if question.type === QuizQuestionType.ABCD || QuizQuestionType.VOTING}
 		{#if game_mode === 'normal'}
 			<div class="grid grid-cols-2 gap-2 w-full p-4">
 				{#each question.answers as answer}
@@ -202,4 +202,11 @@
 			{/if}
 		</p>
 	{/if}
+	<!--{:else if question.type === QuizQuestionType.VOTING}
+	{#await import('$lib/play/admin/voting_results.svelte')}
+		<Spinner />
+	{:then c}
+		<svelte:component this={c.default} bind:data={question_results}
+						  bind:question={quiz_data.questions[selected_question]} />
+	{/await}-->
 {/if}