Javascript/PHP Family Tree Builder with Multiple Parents

Question

Is there an existing PHP, Javascript, or even command line tool that can build a family tree in HTML (preferably) or at the very least create an image for it? Multiple parents are a requirement. I have been googling this for hours, but to no avail.

For instance, the Google Organizational Chart would be ideal, but it only allows each node to have at most one parent. I need two parents to be possible.

Whatever this website does would also be perfect: http://www.familyecho.com/, but it seems to not be done with javascript and they don't publish the code that actually creates the visualization.

Even connecting to an external website to use their API to generate a visualization would be perfect.

Solution 1

As it's just the JavaScript you're after (I assume, since you're designing your own schema...) the InfoVis framework provides all sorts of complicated relationships - http://thejit.org/static/v20/Jit/Examples/ForceDirected/example1.html.

Solution 2

You might be interested in Raphaël, especially this demo.

---

Edit: I just came across a couple other promising-looking options from this question.

• Protovis - I knew about this one when I first answered, but didn't think of it at the time. It's really flexible. Check out the examples.
• Dracula Graph - haven't tried it. It might be too simple for your uses.

Solution 3

This is possible with Graphviz. It's an (easy to learn) language, and a command-line executable (for Linux, Solaris, Windows and Mac) which can export at least to PNG and SVG. It is extremely flexible and can do family trees. I suppose multiple parents is not a problem at all. Check http://www.graphviz.org/content/kennedyanc for an example. See all the other examples at: http://www.graphviz.org/Gallery.php

You will probably discover several other uses for Graphviz yourself.

Solution 4

Family Echo now has an API, allowing you to submit a family tree in GEDCOM or FamilyScript format, and view in online via the Family Echo site.

Solution 5

If one is willing to use CSS - http://thecodeplayer.com/experiment/css3-family-tree/2

View more solutions

Comments

[Strawberry]

I'm voting to close this question as off-topic because despite its great age, and overwhelming level of endorsement, it is not, and was never, really an appropriate question for SO.

[Explosion Pills]

I don't need to be able to drag the shapes around, but does Raphael allow for multiple parent nodes?

[Explosion Pills]

Checked out both of these before too. Still not really what I need. Protovis looks like it has potential, but I still see no examples of a tree where nodes can have multiple parents!

[Explosion Pills]

Graphviz is cool and I might end up using it, but the problem is that I really need this to be done with javascript because people need to be able to do things like click the nodes to view profiles, add a new node, by clicking, etc. I think this would be very difficult to do with an image.

[Explosion Pills]

This one does look promising; the only thing that concerns me is that it seems to place the nodes randomly and connections don't form a T, but beggars can't be choosy. This also seems very complicated to learn and use, but I imagine anything to build a tree like this would be.

[javatarz]

Note to those browsing, jTree Family Tree Maker is a paid product.

[Peter Flynn]

This seems to be the ONLY site on the web that implements a real family tree from a GEDCOM file — multiple parents, multiple ascendants and descendants, and formatting that pushes tree fragments aside to make way for other ascendants, as it would be done by a manual family-tree artist.