Add an interactive Tree view (pan/zoom genealogy chart)

Researched how FamilySearch/Geni/MyHeritage lay out trees (switchable pedigree/portrait/fan, an interactive canvas with pan/zoom + click-to-recenter, gender colors, birth-death years) and built a real Tree page on the MIT d3 library family-chart instead of a flat list. Ancestors + descendants around a focus person, click any card to recenter, drag to pan, scroll to zoom — scales to large imported trees. Tree is now the first per-tree sidebar item and the default when opening a tree; People keeps the searchable directory + add/edit.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Signed-off-by: Justin Paul <justin@jpaul.me>

This commit is contained in:

Justin Paul

2026-06-06 23:07:02 -04:00

parent 2f21e767f3

commit bfa6c0782a

7 changed files with 1457 additions and 11 deletions

									
										frontend/types/family-chart.d.ts
									
Vendored

		+2
		
												View File
												
				@@ -0,0 +1,2 @@

				declare module "family-chart";

				declare module "family-chart/dist/styles/family-chart.css";