OCR Viewer

Displays character data for a Grooper document in a tabbed interface offering multiple synchronized views of the OCR data.

Remarks

The OCR Viewer control provides a comprehensive, tabbed environment for reviewing and analyzing OCR results for a document or page in Grooper. It is designed to support quality assurance, troubleshooting, and in-depth understanding of how Grooper interprets document content at multiple levels of detail.

Purpose and Functionality

• Multi-View OCR Analysis:
  Presents OCR data in three synchronized tabbed views: Layout View, Text View, and Character View.
• Layout View:
  Renders a synthetic image of the document using character and layout data, allowing users to visually inspect the spatial arrangement of recognized text, lines, and barcodes. Supports zooming and panning for detailed review.
• Text View:
  Displays the plain text extracted from the document in a code editor-style interface. Enables users to review, select, and copy the recognized content.
• Character View:
  Shows a detailed, sortable list of individual characters, including their positions, confidence scores, and other metadata. Supports multi-selection and filtering for quality analysis.
• Tab Navigation:
  Users can switch between views to cross-reference the visual layout, raw text, and character-level details.
• Interactive Features:
  Enhanced with OcrViewer.js for tab navigation, zooming, selection, and other interactive behaviors.

UI Components

• Tab Bar:
  • Allows users to switch between Layout View, Text View, and Character View.
• LayoutView:
  • Synthetic document rendering with overlays for text, lines, and barcodes.
  • Zoom and pan controls for detailed inspection.
• TextView:
  • Scrollable, selectable text area for reviewing OCR output.
  • Supports text selection and copying.
• CharacterView:
  • Tabular list of recognized characters with columns for value, position, confidence, and metadata.
  • Supports sorting, filtering, and multi-selection.

Example

The following diagram illustrates the layout of the OCR Viewer:

┌──────────────────────────────────────────────────────────────────────────────┐
│ OCR Viewer                                                                   │
├──────────────────────────────────────────────────────────────────────────────┤
│ {Layout View} {Text View} {Character View}                                   │
│                                                                              │
│ ┌──────────────────────────── Active Tab Content ──────────────────────────┐ │
│ │                                                                          │ │
│ │                                                                          │ │
│ │                                                                          │ │
│ └──────────────────────────────────────────────────────────────────────────┘ │
└──────────────────────────────────────────────────────────────────────────────┘

• {Layout View}: Visualizes the document layout using OCR and layout data.
• {Text View}: Displays the recognized text in a scrollable editor.
• {Character View}: Shows a table of individual characters and their metadata.

Usage Tips

• Use the tab bar to switch between layout, text, and character-level views.
• In Layout View, zoom and pan to inspect alignment and spatial accuracy.
• In Text View, select and copy text for validation or export.
• In Character View, sort or filter by confidence to identify low-quality recognition.
• Use this control for quality assurance, troubleshooting OCR issues, and understanding Grooper's interpretation of document content.

The OCR Viewer streamlines the process of reviewing and validating OCR results, providing synchronized, multi-level insight into document recognition and layout.

Child Controls

┌──────────── Text View ───────────────┐
│ Lorem ipsum dolor sit amet,          │
│ consectetur adipiscing elit.         │
│ ...                                  │
└──────────────────────────────────────┘

┌──────────── Character View ───────────┐
│ Char | X   | Y   | Confidence | ...   │
│  A   |  12 |  34 |    98%     | ...   │
│  B   |  15 |  34 |    95%     | ...   │
│ ...                                   │
└───────────────────────────────────────┘

Used By

Recognition Tester