feat(gui): show missed annotations in quality statistics (#973)

Author: lars-reimann

api-editor/gui/src/features/statistics/QualityStatistics.tsx

@@ -45,6 +45,9 @@ const QualityPieChart: React.FC<QualityPieChartProps> = function ({ annotationTy
     const wrongOrRemovedBg = useColorModeValue('rgba(161, 56, 56, 0.2)', 'rgba(211, 104, 104, 0.2)');
     const wrongOrRemovedBorder = useColorModeValue('rgba(133, 47, 47, 1)', 'rgba(230, 153, 153, 1)');
 
+    const missedBg = useColorModeValue('rgba(114,56,161,0.2)', 'rgba(168,104,211,0.2)');
+    const missedBorder = useColorModeValue('rgb(89,47,133)', 'rgb(193,153,230)');
+
     const unsureBg = useColorModeValue('rgba(161, 144, 56, 0.2)', 'rgba(211, 186, 104, 0.2)');
     const unsureBorder = useColorModeValue('rgba(133, 122, 47, 1)', 'rgba(230, 215, 153, 1)');
 
@@ -54,6 +57,8 @@ const QualityPieChart: React.FC<QualityPieChartProps> = function ({ annotationTy
     const textColor = useColorModeValue('#000', '#FFF');
 
     const autogeneratedAnnotations = annotations.filter((it) => (it.authors ?? []).includes('$autogen$'));
+    const manualAnnotations = annotations.filter((it) => !(it.authors ?? []).includes('$autogen$'));
+
     const numberOfCorrectAnnotations = autogeneratedAnnotations.filter(
         (it) => !it.isRemoved && isCorrect(it) && (it.authors ?? []).length <= 1,
     ).length;
@@ -63,6 +68,7 @@ const QualityPieChart: React.FC<QualityPieChartProps> = function ({ annotationTy
     const numberOfWrongOrRemovedAnnotations = autogeneratedAnnotations.filter(
         (it) => it.isRemoved || it.reviewResult === ReviewResult.Wrong,
     ).length;
+    const numberOfMissedAnnotations = manualAnnotations.filter((it) => !it.isRemoved && isCorrect(it)).length;
     const numberOfUnsureAnnotations = autogeneratedAnnotations.filter(
         (it) => !it.isRemoved && it.reviewResult === ReviewResult.Unsure,
     ).length;
@@ -71,18 +77,26 @@ const QualityPieChart: React.FC<QualityPieChartProps> = function ({ annotationTy
     ).length;
 
     const data = {
-        labels: ['Correct', 'Changed', 'Wrong or Removed', 'Unsure', 'Unchecked'],
+        labels: ['Correct', 'Changed', 'Wrong or Removed', 'Missed', 'Unsure', 'Unchecked'],
         datasets: [
             {
                 data: [
                     numberOfCorrectAnnotations,
                     numberOfChangedAnnotations,
                     numberOfWrongOrRemovedAnnotations,
+                    numberOfMissedAnnotations,
                     numberOfUnsureAnnotations,
                     numberOfUncheckedAnnotations,
                 ],
-                backgroundColor: [correctBg, changedBg, wrongOrRemovedBg, unsureBg, uncheckedBg],
-                borderColor: [correctBorder, changedBorder, wrongOrRemovedBorder, unsureBorder, uncheckedBorder],
+                backgroundColor: [correctBg, changedBg, wrongOrRemovedBg, missedBg, unsureBg, uncheckedBg],
+                borderColor: [
+                    correctBorder,
+                    changedBorder,
+                    wrongOrRemovedBorder,
+                    missedBorder,
+                    unsureBorder,
+                    uncheckedBorder,
+                ],
                 borderWidth: 1,
             },
         ],