Coder Social home page Coder Social logo

fs-pedigree's Introduction

fs-pedigree

Published on webcomponents.org

Display a FamilySearch person's pedigree.

Usage

Default display of 3 generations.

<fs-pedigree person-id="PPPP-PPP"></fs-pedigree>

Future Enhancements

  • Change the number of generations
  • Change the orientation: right-left, top-bottom, bottom-top
  • Display descendants

fs-pedigree's People

Contributors

justincy avatar

Stargazers

 avatar

Watchers

Matt Misbach avatar  avatar

fs-pedigree's Issues

Expandable

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.

Support adding new persons

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.

Change the number of generations

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.

Load descendants

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.

Can we make a better layout?

Our current layout is very traditional and static. It has some weakness:

  • Not expandable
  • Doesn't display any information about the main person's spouses or children
  • Can't display siblings
  • Can't select alternate spouses or parents

One way to solve this is to show spouses and children for the main person like Ancestry does:

image

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:

image

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.