Family Tree Chart Generator from Notes

WHAT IT DOES

This userscript helps you build family trees by extracting family information from any webpage or text. It scans any webpage for text-based family information—names, relationships (parent, child, sibling, spouse), birth dates, and death dates—then generates a visual family tree chart. It parses common family relationship patterns like "son of", "daughter of", "married to", "born", and "died", infers relationships from context, and builds a structured family tree with generations. The script displays the tree as a visual SVG chart, allows you to edit relationships and add missing details, and exports the chart as SVG, HTML, or CSV. It also detects multiple family branches and highlights direct ancestry lines.

WHERE IT RUNS

The script works on any webpage with family information—genealogy sites, family history pages, obituaries, biographies, or any text with names and relationships. It runs entirely within your browser, reading only the visible content of the current page. It does not track your browsing history, access other tabs, or send any data externally. All family data is processed locally.

HOW TO USE

After installation, open the panel by clicking the tool's icon in the BotGentz sidebar. Click "Generate from page" to scan the current page for family information. The script extracts names, relationships, birth dates, and death dates, then builds a visual family tree. The tree appears in the panel with color-coded nodes: blue for the root, yellow for ancestors, and gray for other members. Use the export dropdown to choose your format—SVG (vector graphic), HTML (web page), or CSV (spreadsheet). Click "Export" to download the family tree.

THE TECHNICAL MECHANISM

This script uses pattern matching and name extraction to identify family information from page text. It scans for capitalized names using regex, then looks for relationship patterns: "son of", "daughter of", "child of", "father of", "mother of", "parent of", "married", "wed", "spouse", "born", and "died". It extracts birth and death dates using date parsing with multiple format support. The script builds a tree structure where each person is a node with parents, children, spouses, and a generation number. The root is determined as the person with no parents. The SVG generation positions nodes by generation with automatic spacing, draws parent-child connections (blue lines), spouse connections (dashed yellow lines), and renders each person as a rounded rectangle with name and life dates. The tree is displayed in the panel and can be exported as SVG, HTML, or CSV.

THE PANEL

The panel is draggable anywhere on the screen and remembers its position between sessions. It can be collapsed to a small floating bubble to minimize distraction, and expanded again with a single click. The panel's width can be adjusted, and pressing the Escape key closes it instantly. All settings—export format and auto-scan—are persisted locally using GM_setValue, so your preferences remain intact across page reloads and browser restarts.

PLEASE NOTE

This userscript requires the free BotGentz extension to function. The script extracts family information from page text—it may not capture all relationships correctly. Review the generated tree for accuracy. The relationship detection relies on common patterns and may not handle all family structures. The script does not access external APIs or store any data outside your browser. No data from your browsing is stored or transmitted anywhere—all processing occurs entirely in your browser.