More D3 Pedigree Examples

162 views
Skip to first unread message

Justin York

unread,
May 28, 2015, 11:57:35 AM5/28/15
to root...@googlegroups.com
https://github.com/justincy/d3-pedigree-examples

I couldn't find any good examples of how to use D3 to draw traditional pedigrees (rectangle boxes with straight connecting lines) so made created some. 

There are currently three examples:

* Basic static pedigree
* Expandable and collapsible pedigree
* Expanding and collapsing with transitions (animations)

I anticipate adding an example of how to draw descendants, if I ever figure that out.

Chris Whitten

unread,
May 29, 2015, 8:02:11 AM5/29/15
to root...@googlegroups.com
Looking great, Justin!  What you've done here already is something that WikiTree members will appreciate.

Ben Laurie

unread,
Jun 1, 2015, 5:12:19 AM6/1/15
to root...@googlegroups.com
Looks like you did! What happens when (as is common in real trees) two
ancestors/descendants are actually the same person.

>
> --
>
> ---
> You received this message because you are subscribed to the Google Groups
> "rootsdev" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to rootsdev+u...@googlegroups.com.
> For more options, visit https://groups.google.com/d/optout.

Justin York

unread,
Jun 1, 2015, 8:36:06 AM6/1/15
to root...@googlegroups.com
There's a little trick to handling that case. I'll try to show how it's done. Good idea.

Jimmy Z

unread,
Jun 1, 2015, 9:48:02 AM6/1/15
to root...@googlegroups.com
Well done! Thanks for sharing! 

--
Jimmy

Justin York

unread,
Jul 3, 2015, 11:28:58 AM7/3/15
to root...@googlegroups.com
Ben, I just added a note in the readme about pedigree collapse. D3 doesn't handle it well without significant effort, but it looks like another library designed for display DAGs could help. I haven't had time to investigate though.

On Mon, Jun 1, 2015 at 4:12 AM, Ben Laurie <b...@links.org> wrote:
Reply all
Reply to author
Forward
0 new messages