Display a FamilySearch person's pedigree.
Default display of 3 generations.
<fs-pedigree person-id="PPPP-PPP"></fs-pedigree>
- Change the number of generations
- Change the orientation: right-left, top-bottom, bottom-top
- Display descendants
Display a FamilySearch person's pedigree
License: MIT License
Add an option for making the pedigree expandable. I.e the user can click a +
button on ancestors in the last generation to expand the pedigree for that ancestor.
You can't expand the pedigree to show the ancestors of a woman who has no husband. This is because the pedigree is creating a group with personId
set to nothing and spouseId
set to the woman's ID then it issues a request to the ancestry endpoint with no person Id and it returns a 404.
When an ancestor's position is empty, show an "Add" button for adding that missing person to the tree.
This behavior would be optional and be enabled via the add-persons
attribute.
Allow us to do
<fs-pedigree person-id="PPPP-PPP" generations="6"></fs-pedigree>
This would require big changes to how the layout is currently handled.
Optionally load descendants of the root person and allow the descendants to be browsed by opening descendants of children one generation at a time. Only allow one person per level to have their children expanded.
Otherwise if you've panned the root group out of sight then everything disappears when you load a new pedigree.
Our current layout is very traditional and static. It has some weakness:
One way to solve this is to show spouses and children for the main person like Ancestry does:
But you still can't see children of ancestors and it's still not expandable.
FamilySearch's landscape pedigree is the best I've seen:
It's expandable, shows spouses and children, allows for children of all couples to be shown, and allows for alternate spouses and parents to be selected. Their clever trick is grouping couples which more easily enables behaviors based on families. Should we try that?
We won't necessarily add the children dropdowns or allow for alternate spouses and parents to be selected (it requires a bit of work) but it's nice to know we could.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.