Create tree

Available trees

Edit person

@if (!hasSelectedPerson) {

Select a person in the chart to edit their details.

}

Select a person in the chart to edit them here. Use the add-relative mode to open family-chart's built-in relative creation flow.

@if (message) {

{{ message }}

}

Tree canvas

@if (savingRelative) { Saving relative... } @if (addRelativeMode && !savingRelative) { Add-relative mode active }

@if (loading) {

Loading graph...

} @if (!loading && !graph) {

No graph loaded.

} @if (!loading && graph) { }

family-chart handles selection and guided relative creation. The sidebar is the source of truth for editing a selected person.