https://github.com/trots/family-chart-details-form

Implements a details form for a family tree based on the family-chart.js
https://github.com/trots/family-chart-details-form

family-chart family-data family-history family-tree familytree javascript

Last synced: 8 months ago
JSON representation

Implements a details form for a family tree based on the family-chart.js

• Host: GitHub
• URL: https://github.com/trots/family-chart-details-form
• Owner: trots
• License: mit
• Created: 2023-05-06T14:38:26.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-05-06T14:42:33.000Z (over 2 years ago)
• Last Synced: 2025-01-15T08:25:52.967Z (9 months ago)
• Topics: family-chart, family-data, family-history, family-tree, familytree, javascript
• Language: JavaScript
• Homepage:
• Size: 265 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# family-chart-details-form

This example shows how to implement the details form for your family tree based on the [family-chart](https://github.com/donatso/family-chart).

Use the details form to add a biography for a person.

[Demo](https://trots.github.io/family-chart-details-form/).

## Get started

1. Clone this repository.

2. Run `index.html` in your browser to see the example.

3. Click to the "+" button to open the details form.

    ![plus](doc/plus_button.png)

    

    ![details](doc/details_form.png)

4. Click on the details form to close it.