From 46cb961991d4bfbc173c3e795ecdb4b9a4d02565 Mon Sep 17 00:00:00 2001
From: JDG <jd@infdj.com>
Date: Wed, 1 Dec 2021 20:49:30 +0100
Subject: [PATCH] first commit

---
 index.html | 305 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 305 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..f2b3b45
--- /dev/null
+++ b/index.html
@@ -0,0 +1,305 @@
+<html>
+<head>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js@3.6.1/dist/chart.min.js"></script>
+
+</head>
+<body>
+    <canvas id="myChart" width="400" height="400"></canvas>
+
+    <script>
+        let data =
+[
+    [
+        "E   ",
+        8700,
+        13,
+        99.93108201240524,
+        0.14932230645531816,
+        0
+    ],
+    [
+        "ES  ",
+        8628,
+        60,
+        99.1040661612681,
+        0.6891798759476223,
+        0.20675396278429048
+    ],
+    [
+        "TR",
+        8689,
+        17,
+        99.80473236848151,
+        0.195267631518493,
+        0
+    ],
+    [
+        "FR",
+        8596,
+        1,
+        98.7365035607627,
+        0.011486331265793705,
+        1.2520101079715005
+    ],
+    [
+        "NDL",
+        8592,
+        8,
+        98.69055823569951,
+        0.09189065012634964,
+        1.2175511141741424
+    ],
+    [
+        "PTB",
+        8213,
+        24,
+        94.3372386859637,
+        0.27567195037904896,
+        5.387089363657253
+    ],
+    [
+        "DAN",
+        7954,
+        52,
+        91.36227888812313,
+        0.5972892258212726,
+        8.0404318860556
+    ],
+    [
+        "RUS",
+        8181,
+        182,
+        93.9696760854583,
+        2.090512290374454,
+        3.9398116241672483
+    ],
+    [
+        "HEB",
+        7788,
+        43,
+        89.45554789800138,
+        0.49391224442912934,
+        10.05053985756949
+    ],
+    [
+        "IT  ",
+        7827,
+        49,
+        89.90351481736734,
+        0.5628302320238916,
+        9.533654950608764
+    ],
+    [
+        "CH",
+        7547,
+        65,
+        86.68734206294509,
+        0.7466115322765908,
+        12.56604640477832
+    ],
+    [
+        "ZHH",
+        6759,
+        66,
+        77.63611302549965,
+        0.7580978635423845,
+        21.605789110957957
+    ],
+    [
+        "PLK ",
+        5426,
+        51,
+        62.32483344819665,
+        0.585802894555479,
+        37.08936365724787
+    ],
+    [
+        "CS  ",
+        5175,
+        54,
+        59.441764300482426,
+        0.6202618883528601,
+        39.93797381116472
+    ],
+    [
+        "JP",
+        4814,
+        53,
+        55.2951987135309,
+        0.6087755570870664,
+        44.096025729382035
+    ],
+    [
+        "GR",
+        4653,
+        3,
+        53.44589937973811,
+        0.03445899379738112,
+        46.51964162646451
+    ],
+    [
+        "D",
+        3552,
+        23,
+        40.799448656099244,
+        0.2641856191132552,
+        58.9363657247875
+    ],
+    [
+        "FIN",
+        1819,
+        48,
+        20.89363657247875,
+        0.5513439007580979,
+        78.55501952676315
+    ],
+    [
+        "HU",
+        1828,
+        49,
+        20.997013553870893,
+        0.5628302320238916,
+        78.44015621410522
+    ],
+    [
+        "KOR",
+        1819,
+        50,
+        20.89363657247875,
+        0.5743165632896853,
+        78.53204686423156
+    ],
+    [
+        "SK",
+        1814,
+        50,
+        20.836204916149782,
+        0.5743165632896853,
+        78.58947852056053
+    ],
+    [
+        "SVE",
+        1818,
+        50,
+        20.88215024121296,
+        0.5743165632896853,
+        78.54353319549736
+    ],
+    [
+        "NOR",
+        554,
+        12,
+        6.3634275212497124,
+        0.13783597518952448,
+        93.49873650356076
+    ],
+    [
+        "PTG",
+        27,
+        8,
+        0.31013094417643006,
+        0.09189065012634964,
+        99.59797840569722
+    ],
+    [
+        "VI",
+        4,
+        1,
+        0.04594532506317482,
+        0.011486331265793705,
+        99.94256834367103
+    ],
+    [
+        "ENS ",
+        2,
+        0,
+        0.02297266253158741,
+        0,
+        99.97702733746841
+    ],
+    [
+        "LT",
+        1,
+        3,
+        0.011486331265793705,
+        0.03445899379738112,
+        99.95405467493683
+    ],
+    [
+        "LV",
+        0,
+        3,
+        0,
+        0.03445899379738112,
+        99.96554100620261
+    ]
+];
+
+let labels = [], datasets=[[],[],[]];
+for(let i=0;i<data.length;i++) {
+    labels.push(data[i][0]);
+    datasets[0].push(data[i][3]);
+    datasets[1].push(data[i][4]);
+    datasets[2].push(data[i][5]);
+}
+
+        const ctx = document.getElementById('myChart').getContext('2d');
+        const myChart = new Chart(ctx, {
+            type: 'bar',
+            data: {
+                labels: labels,
+                datasets: [
+                {
+                    label: 'Translated',
+                    data: datasets[0],
+                    backgroundColor: [
+                        'rgba(75, 192, 192, 0.2)',
+                    ],
+                    borderColor: [
+                        'rgba(75, 192, 192, 1)',
+                    ],
+                    borderWidth: 1
+                },
+  
+                {
+                    label: 'To Review',
+                    data: datasets[1],
+                    backgroundColor: [
+                        'rgba(255, 159, 64, 0.2)'
+                    ],
+                    borderColor: [
+                        'rgba(255, 159, 64, 1)'
+                    ],
+                    borderWidth: 1
+                },
+                {
+                    label: 'Not Translated',
+                    data: datasets[2],
+                    backgroundColor: [
+                        'rgba(255, 99, 132, 0.2)',
+                    ],
+                    borderColor: [
+                        'rgba(255, 99, 132, 1)',
+                    ],
+                    borderWidth: 1
+                },
+            ]
+            },
+            options: {
+                indexAxis: 'y',
+                scales: {
+                    y: {
+                        beginAtZero: true,
+                        stacked: true
+                    },
+            x: {
+                stacked: true,
+                        max:100
+            }
+        }
+            }
+        });
+            </script>
+</body>
+
+</html>
\ No newline at end of file
