Interactive 3D face mesh annotation tool for Human Phenotype Ontology (HPO) facial phenotyping.

1. Open in any modern browser
2. Annotate points by clicking (blue=selected, gray=unselected)
3. Navigate steps with Next/Previous or arrow keys
4. Export face-mesh-selections-YYYY-MM-DD.json

{
  "version": "1.0.0",
  "generated": "2025-12-05T23:14:29.239Z",
  "annotations": [
    {
      "id": "HP:0000153",
      "description": "Abnormality of the mouth",
      "points": []
    },
    {
      "id": "HP:0000315",
      "description": "Abnormality of the orbital region",
      "points": []
    }
  ]
}

• Craniofacial phenotyping for research
• Rare disease classification training data generation
• Medical AI datasets for facial landmark annotation
• HPO validation of MediaPipe face mesh points

• Click points to toggle selection
• Ctrl/Cmd + Drag to pan
• Scroll to zoom
• ← → arrows navigate steps
• Reset All clears every step
• Export JSON downloads selections

Edit STEPS in source:

const STEPS = {
        "HP:XXXXXXX": "HPO description text goes here",
        "FINAL": "Congrats! You are done!", // Keep this one
    };

⭐ Star if useful for HPO facial phenotyping!