GenogramLab

GenogramLab - AI-Powered Genogram Maker & Family History Visualizer

GenogramLab is a web-based application that combines AI generation with an interactive canvas to create professional genograms—detailed family diagrams that map relationships, health history, and generational patterns. Unlike traditional family trees, genograms capture emotional dynamics, medical conditions, and relationship qualities across generations.

Key Features

• AI Generation from Natural Language: Describe your family in plain text (e.g., "John (65) and Mary (62) are married. John has diabetes. They have two kids...") and receive an editable draft within seconds.
• Interactive Canvas: Drag-and-drop editing with zoom, pan, and selection tools. Add males, females, or unspecified symbols; connect relationships (partner, parent-child, emotional bonds); annotate with text.
• Health History Tracking: Visualize conditions using color-coded quadrants (solid=active, striped=recovered, dotted=suspected) for categories like diabetes, cardiovascular disease, cancer, mental health, and respiratory issues.
• Relationship Semantics: Standard genogram conventions for close, conflict, distant, cutoff, fused, adoption, and twin relationships with directional parentage types (biological, adoptive, foster).
• Export & Backup: PNG images, print/PDF, and complete JSON backups (including names, dates, notes, and conditions) for portability and version control.
• Free Tier: No sign-up required for manual canvas (up to 20 people). Sign-up grants 5 one-time AI credits and 3 cloud projects (50 people each).

Use Cases

• Family Therapists & Counselors: Visualize systemic patterns, intergenerational trauma, and relationship dynamics during sessions.
• Social Workers: Document family structure, support networks, and risk factors for case management.
• Medical Professionals: Track hereditary conditions and pedigree analysis for genetic counseling.
• Genealogists & Researchers: Go beyond ancestry charts to capture living context and health narratives.
• Educators & Students: Teach family systems theory, nursing assessment, or social work practice with hands-on diagramming.

Technical Highlights

• Built with Next.js 15, React 19, TypeScript, and Tailwind CSS
• Client-side rendering with SVG-based canvas for crisp scaling
• Schema.org structured data for SEO (WebApplication + Offer)
• Multi-locale support (English, Chinese) with locale-aware routing
• JSON import/export for full data portability
• Responsive design with mobile-friendly toolbar and touch interactions