Add translated quiz questions and implement semantic versioning for quiz iterations

src/data/questions.json

@@ -331,6 +331,172 @@
           "image": "png"
         }
       ]
+    },
+    "translated": {
+      "questions": [
+        {
+          "chart": "linechart",
+          "chart_uk": "лінійний графік",
+          "question": "Яка була ціна за барель нафти у лютому 2020 року?",
+          "options": [
+            "$50.54",
+            "$47.02",
+            "$42.34",
+            "$42.34",
+            "Пропустити"
+          ],
+          "answer": "$50.54",
+          "image": "svg"
+        },
+        {
+          "chart": "barchart",
+          "chart_uk": "стовпчаста діаграма",
+          "question": "Яка середня швидкість інтернету в Японії?",
+          "options": [
+            "42.30 Мбіт/с",
+            "40.51 Мбіт/с",
+            "35.25 Мбіт/с",
+            "16.16 Мбіт/с",
+            "Пропустити"
+          ],
+          "answer": "40.51 Мбіт/с",
+          "image": "svg"
+        },
+        {
+          "chart": "stackedbarchart",
+          "chart_uk": "накопичувана стовпчаста діаграма",
+          "question": "Яка вартість арахісу в Сеулі?",
+          "options": [
+            "$6.1",
+            "$5.2",
+            "$7.5",
+            "$4.5",
+            "Пропустити"
+          ],
+          "answer": "$6.1",
+          "image": "svg"
+        },
+        {
+          "chart": "stacked100",
+          "chart_uk": "накопичувана стовпчаста діаграма 100%",
+          "question": "Яка країна має найменшу частку золотих медалей?",
+          "options": [
+            "Велика Британія",
+            "США",
+            "Японія",
+            "Австралія",
+            "Пропустити"
+          ],
+          "answer": "Велика Британія",
+          "image": "svg"
+        },
+        {
+          "chart": "piechart",
+          "chart_uk": "кругова діаграма",
+          "question": "Яка приблизна глобальна частка ринку смартфонів Samsung?",
+          "options": [
+            "17.6%",
+            "25.3%",
+            "10.9%",
+            "35.2%",
+            "Пропустити"
+          ],
+          "answer": "17.6%",
+          "image": "svg"
+        },
+        {
+          "chart": "histogram",
+          "chart_uk": "гістограма",
+          "question": "Яку відстань клієнти найчастіше подорожували на таксі?",
+          "options": [
+            "60 - 70 км",
+            "30 - 40 км",
+            "20 - 30 км",
+            "50 - 60 км",
+            "Пропустити"
+          ],
+          "answer": "30 - 40 км",
+          "image": "svg"
+        },
+        {
+          "chart": "scatterplot",
+          "chart_uk": "точкова діаграма",
+          "question": "Існує негативний лінійний зв'язок між зростом та вагою 85 чоловіків.",
+          "options": [
+            "Правда",
+            "Неправда",
+            "Пропустити"
+          ],
+          "answer": "Неправда",
+          "image": "svg"
+        },
+        {
+          "chart": "areachart",
+          "chart_uk": "площева діаграма",
+          "question": "Яка була середня ціна фунта кавових зерен у жовтні 2019 року?",
+          "options": [
+            "$0.71",
+            "$0.90",
+            "$0.80",
+            "$0.63",
+            "Пропустити"
+          ],
+          "answer": "$0.71",
+          "image": "svg"
+        },
+        {
+          "chart": "stackedareachart",
+          "chart_uk": "накопичувана площева діаграма",
+          "question": "Яке було співвідношення дівчат на ім'я 'Isla' до дівчат на ім'я 'Amelia' у 2012 році у Великобританії?",
+          "options": [
+            "1 до 1",
+            "1 до 2",
+            "1 до 3",
+            "1 до 4",
+            "Пропустити"
+          ],
+          "answer": "1 до 2",
+          "image": "svg"
+        },
+        {
+          "chart": "bubblechart",
+          "chart_uk": "бульбашкова діаграма",
+          "question": "Метро якого міста має найбільшу кількість станцій?",
+          "options": [
+            "Пекін",
+            "Шанхай",
+            "Лондон",
+            "Сеул",
+            "Пропустити"
+          ],
+          "answer": "Шанхай",
+          "image": "svg"
+        },
+        {
+          "chart": "choropleth",
+          "chart_uk": "хороплетна карта",
+          "question": "У 2020 році рівень безробіття у Вашингтоні (WA) був вищим, ніж у Вісконсині (WI).",
+          "options": [
+            "Правда",
+            "Неправда",
+            "Пропустити"
+          ],
+          "answer": "Правда",
+          "image": "svg"
+        },
+        {
+          "chart": "treemap",
+          "chart_uk": "деревоподібна діаграма",
+          "question": "eBay вкладено в категорію \"програмне забезпечення\".",
+          "options": [
+            "Правда",
+            "Неправда",
+            "Пропустити"
+          ],
+          "answer": "Неправда",
+          "image": "png"
+        }
+      ]
     }
   }
 }

src/js/questionnaire.js

@@ -39,6 +39,7 @@ document.addEventListener('DOMContentLoaded', function() {
         const quizId = 'quiz';
         if (allQuizzes[quizId]) {
             allQuizzes[quizId].participantData = participantData;
+            allQuizzes[quizId].iterationVersion = 'v1.0.0'; // Add semantic versioning
             localStorage.setItem('allQuizzes', JSON.stringify(allQuizzes));
         }
 

src/js/quiz.js

@@ -75,10 +75,8 @@ document.addEventListener('DOMContentLoaded', function () {
         timerDisplay.textContent = Math.ceil(timeLeft / 1000); // Display in whole seconds
 
         const question = questions[currentQuestionIndex];
-        // const chartFile = `charts/${question.chart}-${version}.vl.json`; // Comment out vegaEmbed chart file
-
-        // Embed the image instead of the Vega-Lite chart
-        const imagePath = `/images/${question.chart}-${version}.${question.image}`;
+        const imageVersion = version === 'translated' ? 'original' : version;
+        const imagePath = `/images/${question.chart}-${imageVersion}.${question.image}`;
         document.getElementById('chart').innerHTML = `<img src="${imagePath}" alt="${question.chart_uk}">`;
 
         // Update question and options