Ruby Annotation Demo

See how text is annotated with ruby (pronunciation guides) for different languages. Interactive demonstration of transcription display.

View Mode

Select Language

Transcription System

Current: paiboon

Display Level

Plain Thai text only

Thai Sentence

Sentence 1 of 3
สวัสดีครับยินดีที่ได้รู้จัก

English Translation:

Hello, pleased to meet you

Level Comparison

1️⃣

Basic Text

Just the original script

2️⃣

Pronunciation

Adds paiboon below

3️⃣

Definition

Short definition below, hover for full

4️⃣

Grammar

Part of speech below

5️⃣

Full Info

Difficulty level included

Technical Implementation - GLOST Format

GLOST Data Structure

  • GLOSTWordNode: Each word is a complete GLOST node with transcriptions, metadata, and extras
  • Multiple Transcription Systems: Each word supports multiple transcription formats
  • Rich Metadata: Meaning, part of speech, usage, difficulty, cultural notes
  • Extensible Design: Easy to add new transcription systems and metadata
  • Language Agnostic: Same structure works for Thai, Japanese, French, and more
  • Progressive Display: Five levels of increasing detail using GLOST data
  • Unified Interface: Consistent API across all languages and scripts

GLOST Benefits

  • Standardized Format: Consistent data structure across all languages
  • Rich Information: Comprehensive linguistic metadata in one place
  • Easy Extension: Simple to add new transcription systems or metadata
  • Type Safety: Full TypeScript support with proper interfaces
  • Reusable Components: Same GLOST data can power multiple display components
  • Scalable Architecture: Easy to add new languages and features
Ruby Annotation Demo - Japanese