tag:blogger.com,1999:blog-23310676000154392382024-03-13T12:52:13.391-07:00Family Tree Visualization<a href="mailto:bradflyon@gmail.com">bradflyon@gmail.com</a>Bhttp://www.blogger.com/profile/14801037354020825824noreply@blogger.comBlogger4125tag:blogger.com,1999:blog-2331067600015439238.post-77055855390368416642016-07-31T15:49:00.000-07:002016-08-06T08:45:41.738-07:00Initial Exploration of a Family Tree for a Common Ancestor of All U.S. Presidents
<style>
.main {
font-size:16px;
}
.descriptionwrapper [href*='learnforever'] {
display:none !important;
}
.descriptionwrapper a[href="mailto:bradflyon@gmail.com"] {
color:white;
}
.command {
padding-left:4px;
padding-right:4px;
border: 1px solid #ddd;
border-radius:3px;
background:#f8f8f8;
}
code {
padding-left:4px;
padding-right:4px;
border: 1px solid #eee;
border-radius:3px;
background:#f9f9f5;
font-size:60%;
font-family: monospace, "Courier New", Courier, monospace;
}
span.keyword, code .keyword {
color: rgb(170, 13, 145);
font-weight:normal;
}
code .comment {
color: rgb(0,116,0);
font-weight:normal;
}
code .title {
color:black;
font-weight:normal;
}
code .number {color: rgb(28, 0, 207);}
code .string {color: rgb(196, 26, 22);}
.imageTitle, .iFrameTitle {
font-size:80%;
text-align:center;
font-weight:bold;
}
.mySection {
margin-top:15px;
margin-bottom:10px;
font-size:120%;
font-weight:bold;
}
.mySubSection {
margin-top:25px;
margin-bottom:10px;
font-size:110%;
font-weight:bold;
}
.mySubSubSection {
margin-top:15px;
margin-bottom:10px;
font-size:100%;
font-style:italic;
font-weight:bold;
}
blockquote {
ifont: 14px/22px normal helvetica, sans-serif;
font: normal helvetica, sans-serif;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;
padding-left: 15px;
iborder-left: 3px solid #ccc;
}
blockquote p {
ifont-style:italic;
}
.warning {
ifont-weight:bold;
}
.dat-type-name {
font-weight:bold;
font-size:80%;
text-align:center;
}
.dat-header td {
vertical-align:bottom;
padding-top:6px;
border-top:1px solid #777;
}
table.examples {
border-collapse:collapse;
}
table.examples td {
vertical-align:top;
}
pre {
margin-top:0;
}
.small-image-title {
font-size:70%;
text-align:center;
font-style:italic;
}
.float-right {
float:right;
}
.note {
font-size:90%;
font-style:italic;
}
.mainSummaryTable {
width:100%;
border-spacing:0;
border-collapse:collapse;
font-size:90%;
}
.mainSummaryTable th {
text-align:center;
}
.headerRow {
ibackground:blue;
}
.headerRow th {
border-bottom:1px solid #331111;
}
.mainSummaryTable tr {
border-radius:4px;
}
.mainSummaryTable th {
border-bottom:4px solid #999;
}
.mainSummaryTable td {
border-bottom:2px solid #bbb;
}
th.titleRow {
font-size:120%;
padding-bottom: 10px;
}
th.title {
width:200px;
}
th.link {
width:80px;
text-align:center;
}
ith.screenshot {
width:200px;
}
/* tbody tr:nth-child(odd):hover {
background-color:#eeeeff;
}
*/
.mainSummaryTable td:first-child,.mainSummaryTable td:first-child +td {
vertical-align:top;
}
/* Hanging-indent on "Title" column */
.mainSummaryTable td:first-child p {
border-radius:4px;
padding-left:20px;
text-indent:-20px;
font-weight:bold;
font-style:italic;
}
/* Center the "Link" and "Screenshot" columns */
td:first-child + td, td:first-child + td {
text-align: center;
}
/* The description column */
td:first-child + td +td {
text-align: left;
padding-left:10px;
}
/* tr:nth-child(even) { background-color:#fff; } */
.utility {
font-size:125%;
font-weight: bold;
text-align:center;
}
.the-rest {
margin-top:20px;
font-size:80%;
}
.mainSummaryTable th {
font-size:125%;
}
.image-column, .info-column {
imax-width:320px !important;
}
.background-info {
margin-left:auto;
margin-right:auto;
font-style:italic;
margin-bottom:10px;
}
.discussion {
text-align:left;
margin-left:20px;
}
.let-me-know {
margin-left: 25px;
margin-right: 25px;
font-weight:bold;
font-style:italic;
}
div.contents {
font-weight:bold;
font-size:125%;
}
.divider {
width:90%;
margin-left:0;
margin-right:auto;
height:2px;
background:#999;
}
ul.contents, ul.sublist
{
list-style-type: none;
margin:0px;
padding:0;
}
ul.sublist {
font-size:90%;
}
ul.contents li
{
margin-left:-15px;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.link-callout {
margin-left:10%;
margin-right:10%;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}
.golden-node {
margin-top:3px;
display:inline-block;
width:10px;
height:10px;
background:#FFD600;
border-radius:5px;
}
.my-warning {
margin-left:10%;
margin-right:10%;
font-size:95%;
margin-top:10px;
margin-bottom:10px;
font-style: italic;
border:1px solid #444;
border-radius:8px;
}
.my-warning li {
font-style:italic !important;
}
</style>
<div class="main">
<div class="my-warning">
<div style="font-weight:bold;text-align:center;">Heads-up</div>
<ul>
<li>This is a weekend work-in-progress and there might be errors introduced (and these are my responsibility) - please feel free to send corrections!</li>
<li>Viewing and exploring this tree currently requires a powerful computer and a large monitor.</li>
</ul>
</div>
<p>I recently read of how some folks had determined how all of the U.S. presidents are related. It got me to wanting to create such a tree to include as a sample with the Family Tree visualization tool.</p>
<p>T. Dowling has compiled a ton of information on the ancestry of U.S. presidents, and so I was able to make use of his data to see what the full tree might look like. This was kind of exciting because I had never seen this tree shown in a single view. </p>
<p>In this tree (which contains about 3300 individuals), all presidents with the exception of Martin van Buren seem to be direct descendants of King John of England (1166-1216). Martin van Buren is a grand-nephew (via John's half-sister Maria Capet). So, I included King John's mother Eleonore of Aquitaine (1122-1204) to capture all of the presidents as descendants of a single person.
</p>
<p>You can go directly to this tree using this link:
<a href="https://learnforeverlearn.com/ancestors/?file=allpresidents">https://learnforeverlearn.com/ancestors/?file=allpresidents</a>
</p>
<div style="text-align:center;">
<a href="https://2.bp.blogspot.com/-K-OoRNVOPlU/V6YFAnRl9DI/AAAAAAAADco/LeddI_zKUo4RoZVb_QvM-wwJDnmj7l5PwCLcB/s1600/Screen%2BShot%2B2016-08-06%2Bat%2B11.39.34%2BAM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img width="700" border="0" src="https://2.bp.blogspot.com/-K-OoRNVOPlU/V6YFAnRl9DI/AAAAAAAADco/LeddI_zKUo4RoZVb_QvM-wwJDnmj7l5PwCLcB/s1600/Screen%2BShot%2B2016-08-06%2Bat%2B11.39.34%2BAM.png" /></a>
<div class="imageTitle">Fountainhead for U.S. Presidents?<br/>
<a href="https://learnforeverlearn.com/ancestors/?file=allpresidents">https://learnforeverlearn.com/ancestors/?file=allpresidents</a>
</div>
<div class="small-image-title">(Click image to view larger version)</div>
</div>
<a name='more'></a>
<p>Yes, it's a bit of a mess. Trying to work with this large tree in a single view has highlighted the need for more optimization (some of which I've done).
</p>
<p>Now, to be clear, we may all be descended from most people alive in 1150 (see this <a href="http://waitbutwhy.com/2014/01/your-family-past-present-and-future.html">great post by WaitButWhy's Tim Urban</a> to see why), so that all presidents may be related to King John or his mother is perhaps not surprising. But our species' poor ability to appreciate the implications of doubling/exponential growth can make these kinds of results interesting and intriguing nonetheless.
</p>
<!--
<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-p64Cj8HZtdE/V558wZAt6fI/AAAAAAAADcA/QEvQvXyRCOgLmhHPVmAF1DEsDf_OHpWbACLcB/s1600/Screen%2BShot%2B2016-07-31%2Bat%2B6.26.50%2BPM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" width="700" src="https://1.bp.blogspot.com/-p64Cj8HZtdE/V558wZAt6fI/AAAAAAAADcA/QEvQvXyRCOgLmhHPVmAF1DEsDf_OHpWbACLcB/s1600/Screen%2BShot%2B2016-07-31%2Bat%2B6.26.50%2BPM.png" /></a>
<div class="imageTitle">Lots of Paths to the Common Ancestor...</div>
<div class="small-image-title">(Click image to view larger version)</div>
</div>
<br/>
<br/>
<br/>
-->
<!--
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-3NLFs4FNHFY/V558SwyGGjI/AAAAAAAADb8/vHjSd_ecFSU2hoNTukVyYCfPWOgyqr1xACLcB/s1600/Screen%2BShot%2B2016-07-31%2Bat%2B6.21.36%2BPM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" width="700" src="https://4.bp.blogspot.com/-3NLFs4FNHFY/V558SwyGGjI/AAAAAAAADb8/vHjSd_ecFSU2hoNTukVyYCfPWOgyqr1xACLcB/s1600/Screen%2BShot%2B2016-07-31%2Bat%2B6.21.36%2BPM.png" /></a>
<div class="imageTitle">Cousin Calculations work - with lots of ways to be related.</div>
<div class="small-image-title">(Click image to view larger version)</div>
</div>
-->
</div>Bhttp://www.blogger.com/profile/14801037354020825824noreply@blogger.com0tag:blogger.com,1999:blog-2331067600015439238.post-77817748942338609952016-07-22T21:13:00.000-07:002016-07-23T14:29:06.246-07:00Some Family Trees Based on Starz Outlander
<style>
.main {
font-size:16px;
}
.descriptionwrapper [href*='learnforever'] {
display:none !important;
}
.descriptionwrapper a[href="mailto:bradflyon@gmail.com"] {
color:white;
}
.command {
padding-left:4px;
padding-right:4px;
border: 1px solid #ddd;
border-radius:3px;
background:#f8f8f8;
}
code {
padding-left:4px;
padding-right:4px;
border: 1px solid #eee;
border-radius:3px;
background:#f9f9f5;
font-size:60%;
font-family: monospace, "Courier New", Courier, monospace;
}
span.keyword, code .keyword {
color: rgb(170, 13, 145);
font-weight:normal;
}
code .comment {
color: rgb(0,116,0);
font-weight:normal;
}
code .title {
color:black;
font-weight:normal;
}
code .number {color: rgb(28, 0, 207);}
code .string {color: rgb(196, 26, 22);}
.imageTitle, .iFrameTitle {
font-size:80%;
text-align:center;
font-weight:bold;
}
.mySection {
margin-top:15px;
margin-bottom:10px;
font-size:120%;
font-weight:bold;
}
.mySubSection {
margin-top:25px;
margin-bottom:10px;
font-size:110%;
font-weight:bold;
}
.mySubSubSection {
margin-top:15px;
margin-bottom:10px;
font-size:100%;
font-style:italic;
font-weight:bold;
}
blockquote {
ifont: 14px/22px normal helvetica, sans-serif;
font: normal helvetica, sans-serif;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;
padding-left: 15px;
iborder-left: 3px solid #ccc;
}
blockquote p {
ifont-style:italic;
}
.warning {
ifont-weight:bold;
}
.dat-type-name {
font-weight:bold;
font-size:80%;
text-align:center;
}
.dat-header td {
vertical-align:bottom;
padding-top:6px;
border-top:1px solid #777;
}
table.examples {
border-collapse:collapse;
}
table.examples td {
vertical-align:top;
}
pre {
margin-top:0;
}
.small-image-title {
font-size:70%;
text-align:center;
font-style:italic;
}
.float-right {
float:right;
}
.note {
font-size:90%;
font-style:italic;
}
.mainSummaryTable {
width:100%;
border-spacing:0;
border-collapse:collapse;
font-size:90%;
}
.mainSummaryTable th {
text-align:center;
}
.headerRow {
ibackground:blue;
}
.headerRow th {
border-bottom:1px solid #331111;
}
.mainSummaryTable tr {
border-radius:4px;
}
.mainSummaryTable th {
border-bottom:4px solid #999;
}
.mainSummaryTable td {
border-bottom:2px solid #bbb;
}
th.titleRow {
font-size:120%;
padding-bottom: 10px;
}
th.title {
width:200px;
}
th.link {
width:80px;
text-align:center;
}
ith.screenshot {
width:200px;
}
/* tbody tr:nth-child(odd):hover {
background-color:#eeeeff;
}
*/
.mainSummaryTable td:first-child,.mainSummaryTable td:first-child +td {
vertical-align:top;
}
/* Hanging-indent on "Title" column */
.mainSummaryTable td:first-child p {
border-radius:4px;
padding-left:20px;
text-indent:-20px;
font-weight:bold;
font-style:italic;
}
/* Center the "Link" and "Screenshot" columns */
td:first-child + td, td:first-child + td {
text-align: center;
}
/* The description column */
td:first-child + td +td {
text-align: left;
padding-left:10px;
}
/* tr:nth-child(even) { background-color:#fff; } */
.utility {
font-size:125%;
font-weight: bold;
text-align:center;
}
.the-rest {
margin-top:20px;
font-size:80%;
}
.mainSummaryTable th {
font-size:125%;
}
.image-column, .info-column {
imax-width:320px !important;
}
.background-info {
margin-left:auto;
margin-right:auto;
font-style:italic;
margin-bottom:10px;
}
.discussion {
text-align:left;
margin-left:20px;
}
.let-me-know {
margin-left: 25px;
margin-right: 25px;
font-weight:bold;
font-style:italic;
}
div.contents {
font-weight:bold;
font-size:125%;
}
.divider {
width:90%;
margin-left:0;
margin-right:auto;
height:2px;
background:#999;
}
ul.contents, ul.sublist
{
list-style-type: none;
margin:0px;
padding:0;
}
ul.sublist {
font-size:90%;
}
ul.contents li
{
margin-left:-15px;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.link-callout {
margin-left:10%;
margin-right:10%;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}
.warning {
margin-left:10%;
margin-right:10%;
text-align:center;
font-size:125%;
margin-top:10px;
margin-bottom:10px;
}
</style>
<div class="main">
<p>My wife loves the show Outlander, and I have begun to watch it with her. Based on the story, I was interested in looking at the family trees for the various characters in the family tree visualization tool. </p>
<p>The extra Outlander trees are available in the family tree visualization tool via a few more samples that are enabled if you add something special to the web address (and there are a few direct links to specific Outlander trees):
<div class="link-callout">
<a target="_blank" href="https://learnforeverlearn.com/ancestors/?outlander=true">https://learnforeverlearn.com/ancestors/?outlander=true</a>
</div>
<div class="link-callout">
<a target="_blank" href="https://learnforeverlearn.com/ancestors/?outlander=true&file=frank">Direct Link to Frank Randall's Ancestor Tree</a>
</div>
<div class="link-callout">
<a target="_blank" href="https://learnforeverlearn.com/ancestors/?outlander=true&file=jacob">Direct Link to Jacob Mackenzie's Descendant Tree</a>
</div>
<div class="link-callout">
<a target="_blank" href="https://learnforeverlearn.com/ancestors/?outlander=true&file=mandy">Direct Link to Mandy Mackenzie's Ancestor Tree</a>
</div>
</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-QPc6mKjcbv8/V5LT2f_c7EI/AAAAAAAADZ4/6REKq_tkBIAMPOwoZ16PdkpmKoJ1qhcYACLcB/s1600/Screen%2BShot%2B2016-07-22%2Bat%2B10.17.04%2BPM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img width="400" border="0" src="https://3.bp.blogspot.com/-QPc6mKjcbv8/V5LT2f_c7EI/AAAAAAAADZ4/6REKq_tkBIAMPOwoZ16PdkpmKoJ1qhcYACLcB/s640/Screen%2BShot%2B2016-07-22%2Bat%2B10.17.04%2BPM.png" /></a>
<div class="imageTitle">Extra "Outlander" Samples Available if You Use Right Web Address<br/>
<a target="_blank" href="https://learnforeverlearn.com/ancestors/?outlander=true&file=frank">https://learnforeverlearn.com/ancestors/?outlander=true&file=frank</a>
</div>
</div>
<br/>
<div class="warning bold italic">Warning - I have not read the books, but there are doubtlessly spoilers below. So be warned.</div>
<a name='more'></a>
<div class="mySubSection">What About All those Other Ancestors of Frank?</div>
<p>One major aspect of the story is the main female character Claire trying to avoid affecting the lives of the ancestors of her modern-day husband Frank. The book can focus on just a few of these ancestors, of course, but I was wondering how many other ancestors there would have been alive at the time she goes back to.</p>
<p>So, my wife and I created a tree that fills out the handful of ancestors mentioned in the book. There are more than 200 of these ignored ones. She even added names for all of them, which you can explore if you load the sample - a task she said she enjoyed because it's always fun to create baby names.</p>
<p>The filled-out tree is shown below (it is the "Frank" sample). I think that all of the direct-line ancestors to Alexander Randall are actually mentioned in the book, because Frank is interested in genealogy as well.</p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-xsysyMmd90M/V5LZI1v7irI/AAAAAAAADaI/eYxK-_v_FfwpSUDtC1zdcbJYCHxEGCK_gCLcB/s1600/Screen%2BShot%2B2016-07-22%2Bat%2B10.39.40%2BPM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img width="700" border="0" src="https://1.bp.blogspot.com/-xsysyMmd90M/V5LZI1v7irI/AAAAAAAADaI/eYxK-_v_FfwpSUDtC1zdcbJYCHxEGCK_gCLcB/s1600/Screen%2BShot%2B2016-07-22%2Bat%2B10.39.40%2BPM.png" /></a>
<div class="imageTitle">(click for full image)<br/>Claire spends so much effort trying to avoid affecting the future for Alexander Randall, <br/>
but what about those 126 others we don't hear about?
<br/>
Lots of stories there, I suppose.
<br/><a target="_blank" href="https://learnforeverlearn.com/ancestors/?outlander=true&file=frank">https://learnforeverlearn.com/ancestors/?outlander=true&file=frank</a>
<div class="small-image-title">Images from Outlander Facebook page</div>
</div>
</div>
<div class="mySubSection">Quite an Age Difference Between Parents</div>
<p>I will not go into much detail here, but if you are familiar with the books, this is what the family tree looks like for the descendants of two of the main characters - I thought it was interesting.
</p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-MzMIN_zFDwo/V5LhYvk-nnI/AAAAAAAADao/KP-SdDc6224g8EENVPfVhWjpxhUvFOMKgCLcB/s1600/Screen%2BShot%2B2016-07-22%2Bat%2B11.14.59%2BPM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-MzMIN_zFDwo/V5LhYvk-nnI/AAAAAAAADao/KP-SdDc6224g8EENVPfVhWjpxhUvFOMKgCLcB/s1600/Screen%2BShot%2B2016-07-22%2Bat%2B11.14.59%2BPM.png" /></a>
<!--
<div class="separator" style="clear: both; text-align: center;"><a href="https://3.bp.blogspot.com/-tvI7POXYLjY/V5LdUU_6CYI/AAAAAAAADaU/BiGtGThvOWEed0Dxdks0-jUxFF8rBN2FQCLcB/s1600/Screen%2BShot%2B2016-07-22%2Bat%2B10.57.04%2BPM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img width="700" border="0" src="https://3.bp.blogspot.com/-tvI7POXYLjY/V5LdUU_6CYI/AAAAAAAADaU/BiGtGThvOWEed0Dxdks0-jUxFF8rBN2FQCLcB/s1600/Screen%2BShot%2B2016-07-22%2Bat%2B10.57.04%2BPM.png" /></a>
-->
<div class="imageTitle">(click for full image)<br/>Love across the (many) years
<br/><a target="_blank" href="https://learnforeverlearn.com/ancestors/?outlander=true&file=mandy">https://learnforeverlearn.com/ancestors/?outlander=true&file=mandy</a>
<div class="small-image-title">Images from Outlander Facebook site and EW</div>
</div>
</div>
<div class="mySubSection">Pedigree Collapse in Fiction</div>
<p>"Pedigree collapse" occurs in a family tree when cousins have children together. It happens for all of our trees eventually. Here, the cousins are fairly distant (this is determined using the "Cousin Calculator" functionality of the tree visualization tool).</p>
<!--
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-O89dNZbcccI/V5LerKl0K-I/AAAAAAAADac/OmSi0haxbcUCYQjJrCN0oEN_b9aNdZDsgCLcB/s1600/Screen%2BShot%2B2016-07-22%2Bat%2B11.02.40%2BPM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img width="700" border="0" src="https://4.bp.blogspot.com/-O89dNZbcccI/V5LerKl0K-I/AAAAAAAADac/OmSi0haxbcUCYQjJrCN0oEN_b9aNdZDsgCLcB/s1600/Screen%2BShot%2B2016-07-22%2Bat%2B11.02.40%2BPM.png" /></a>
-->
<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-gI8Z4g01VXs/V5OQx-G-cZI/AAAAAAAADbI/IXV1Gg2oul4T4TZUa6ONM_tATOEGVxSUQCLcB/s1600/Screen%2BShot%2B2016-07-23%2Bat%2B11.39.11%2BAM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img width="700" border="0" src="https://2.bp.blogspot.com/-gI8Z4g01VXs/V5OQx-G-cZI/AAAAAAAADbI/IXV1Gg2oul4T4TZUa6ONM_tATOEGVxSUQCLcB/s1600/Screen%2BShot%2B2016-07-23%2Bat%2B11.39.11%2BAM.png" /></a>
<div class="imageTitle">(click for full image)<br/>
This is what the tree looks like for <br/>
two 2nd cousins five times removed who get together
<br/><a target="_blank" href="https://learnforeverlearn.com/ancestors/?outlander=true&file=jacob">https://learnforeverlearn.com/ancestors/?outlander=true&file=jacob</a>
<div class="small-image-title">Images from EW, Outlander wikia</div>
</div>
</div>
<div class="mySubSection">And Next...</div>
<p>My wife got pretty excited about all the names she got to come up with to fill out the tree, and maybe she'll write an installment of fan fiction for all 200+ of them. She also noted (and she's right) that the tree for all the ancestors of Frank alive at the time Claire messes with the time-space continuum would would not be so nicely placed in... time. It would be fairly staggered (which is certainly the case if you have ever looked at trees for real people this far back). I gave them all the same birth date do far to make the tree look nicer for demonstrating my kind-of-lame point, but I think she's going to make the birth dates more "realistic" based on where her stories may go.
</p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-wfsJnLlMVnc/V5LmlUl3qcI/AAAAAAAADa4/1FFZeo2qOREkVS_duHLVHgAtcHCM-7QqwCLcB/s1600/Screen%2BShot%2B2016-07-22%2Bat%2B11.37.17%2BPM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img width="700" border="0" src="https://4.bp.blogspot.com/-wfsJnLlMVnc/V5LmlUl3qcI/AAAAAAAADa4/1FFZeo2qOREkVS_duHLVHgAtcHCM-7QqwCLcB/s1600/Screen%2BShot%2B2016-07-22%2Bat%2B11.37.17%2BPM.png" /></a>
<div class="imageTitle">(click for full image)<br/>
I imagine that Wilhemina Mulling is not mentioned in the book <br/>
but there's a story there.
<br/>
<a target="_blank" href="https://learnforeverlearn.com/ancestors/?outlander=true&file=frank">https://learnforeverlearn.com/ancestors/?outlander=true&file=frank</a>
</div>
</div>
</div>Bhttp://www.blogger.com/profile/14801037354020825824noreply@blogger.com0tag:blogger.com,1999:blog-2331067600015439238.post-41777135065820304772016-04-01T22:12:00.000-07:002016-04-07T20:46:13.063-07:00Handling BC Dates in a Family Tree Viewer
<style>
.main {
font-size:16px;
}
.descriptionwrapper [href*='learnforever'] {
iidisplay:none !important;
}
.descriptionwrapper a[href="mailto:bradflyon@gmail.com"] {
color:white;
}
.command {
padding-left:4px;
padding-right:4px;
border: 1px solid #ddd;
border-radius:3px;
background:#f8f8f8;
}
code {
padding-left:4px;
padding-right:4px;
border: 1px solid #eee;
border-radius:3px;
background:#f9f9f5;
font-size:60%;
font-family: monospace, "Courier New", Courier, monospace;
}
span.keyword, code .keyword {
color: rgb(170, 13, 145);
font-weight:normal;
}
code .comment {
color: rgb(0,116,0);
font-weight:normal;
}
code .title {
color:black;
font-weight:normal;
}
code .number {color: rgb(28, 0, 207);}
code .string {color: rgb(196, 26, 22);}
.imageTitle, .iFrameTitle {
font-size:80%;
text-align:center;
font-weight:bold;
}
.imageSubTitle {
font-size:75%;
text-align:center;
font-weight:bold;
font-style:italic;
}
.mySection {
margin-top:15px;
margin-bottom:10px;
font-size:120%;
font-weight:bold;
}
.mySubSection {
margin-top:15px;
margin-bottom:10px;
font-size:110%;
font-weight:bold;
}
.mySubSubSection {
margin-top:15px;
margin-bottom:10px;
font-size:100%;
font-style:italic;
font-weight:bold;
}
blockquote {
ifont: 14px/22px normal helvetica, sans-serif;
font: normal helvetica, sans-serif;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;
padding-left: 15px;
iborder-left: 3px solid #ccc;
}
blockquote p {
ifont-style:italic;
}
.warning {
ifont-weight:bold;
}
.dat-type-name {
font-weight:bold;
font-size:80%;
text-align:center;
}
.dat-header td {
vertical-align:bottom;
padding-top:6px;
border-top:1px solid #777;
}
table.examples {
border-collapse:collapse;
}
table.examples td {
vertical-align:top;
}
pre {
margin-top:0;
}
.small-image-title {
font-size:70%;
text-align:center;
font-style:italic;
}
.float-right {
float:right;
}
.note {
font-size:90%;
font-style:italic;
}
.mainSummaryTable {
width:100%;
border-spacing:0;
border-collapse:collapse;
font-size:90%;
}
.mainSummaryTable th {
text-align:center;
}
.headerRow {
ibackground:blue;
}
.headerRow th {
border-bottom:1px solid #331111;
}
.mainSummaryTable tr {
border-radius:4px;
}
.mainSummaryTable th {
border-bottom:4px solid #999;
}
.mainSummaryTable td {
border-bottom:2px solid #bbb;
}
th.titleRow {
font-size:120%;
padding-bottom: 10px;
}
th.title {
width:200px;
}
th.link {
width:80px;
text-align:center;
}
ith.screenshot {
width:200px;
}
/* tbody tr:nth-child(odd):hover {
background-color:#eeeeff;
}
*/
.mainSummaryTable td:first-child,.mainSummaryTable td:first-child +td {
vertical-align:top;
}
/* Hanging-indent on "Title" column */
.mainSummaryTable td:first-child p {
border-radius:4px;
padding-left:20px;
text-indent:-20px;
font-weight:bold;
font-style:italic;
}
/* Center the "Link" and "Screenshot" columns */
td:first-child + td, td:first-child + td {
text-align: center;
}
/* The description column */
td:first-child + td +td {
text-align: left;
padding-left:10px;
}
/* tr:nth-child(even) { background-color:#fff; } */
.utility {
font-size:125%;
font-weight: bold;
text-align:center;
}
.the-rest {
margin-top:20px;
font-size:80%;
}
.mainSummaryTable th {
font-size:125%;
}
.image-column, .info-column {
imax-width:320px !important;
}
.background-info {
margin-left:auto;
margin-right:auto;
font-style:italic;
margin-bottom:10px;
}
.discussion {
text-align:left;
margin-left:20px;
}
.let-me-know {
margin-left: 25px;
margin-right: 25px;
font-weight:bold;
font-style:italic;
}
div.contents {
font-weight:bold;
font-size:125%;
}
.divider {
width:90%;
margin-left:0;
margin-right:auto;
height:2px;
background:#999;
}
ul.contents, ul.sublist
{
list-style-type: none;
margin:0px;
padding:0;
}
ul.sublist {
font-size:90%;
}
ul.contents li
{
margin-left:-15px;
}
</style>
<div class="main">
<p>I came across a reddit thread where someone mentioned that there was a lot of inbreeding in Cleopatra's family tree. I had never known that, and after learning some more I decided that this would be a nice sample to include with the Family Tree visualization, available at <a href="https://learnforeverlearn.com/ancestors/?lifespan=true">https://learnforeverlearn.com/ancestors</a>.</p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-vy5LJrg0FQg/Vv84pgIHmgI/AAAAAAAADL4/vOIDX1KOhdIy-y5vsTvQiFMUxb6lide3Q/s1600/Screen%2BShot%2B2016-04-01%2Bat%2B11.10.24%2BPM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img width="500" border="0" src="https://4.bp.blogspot.com/-vy5LJrg0FQg/Vv84pgIHmgI/AAAAAAAADL4/vOIDX1KOhdIy-y5vsTvQiFMUxb6lide3Q/s640/Screen%2BShot%2B2016-04-01%2Bat%2B11.10.24%2BPM.png" /></a>
<div class="imageTitle">Cleopatra VII's Family Tree</div>
<div class="imageSubTitle">You can see this particular tree at <a href="https://learnforeverlearn.com/ancestors/?lifespan=true&file=cleopatra">https://learnforeverlearn.com/ancestors/?lifespan=true&file=cleopatra</a>
</div>
</div>
<p>Here, by "Cleopatra" I mean Cleopatra VII. During the <a href="https://en.wikipedia.org/wiki/Ptolemaic_dynasty">Ptolemaic dynasty</a>, it was common that the queens were named Cleopatra and the kings were "Ptolemy". It was also common for brothers and sisters to marry each other.</p>
<p>All of the dates for her family tree are BC, and I needed to update the tree viewer to handle this.</p>
<a name='more'></a>
<p>
</p>
<p>Currently, the updated viewer can handle the birth or death years in BC in a variety of ways:
<ul>
<li>200 BC</li>
<li>200 B.C</li>
<li>200 BC.</li>
<li>200 B.C.</li>
<li>200 BCE</li>
</ul>
</p>
<p>Internally, the BC years are simply stored as negative numbers, and "BC" is shown when the years are displayed.</p>
<p>Note that Ancestry.com will let you enter dates with a "BC" appended, and you can then export the tree in gedcom format and load it into the viewer.</p>
<div class="mySection">Multiple Simultaneous Relationships</div>
<p>The tree viewer can calculate the numerous ways that one person is related to another. Cleopatra's tree stretches this feature to an extreme.</p>
<p>These "multiple simultaneous relationships" can viewed by looking at the descendant tree of her great-great-great-great grandmother <a href="https://en.wikipedia.org/wiki/Cleopatra_I_Syra">Cleopatra I</a>, and then setting Cleopatra VII to be the "Relationship Relative" to which any other person is compared when moving your mouse over their node.
</p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-M9i9fPv22r4/Vv9OWANIHfI/AAAAAAAADMM/GHWCg5axj3MeAxeH3wqKmyKib8m-PYKgA/s1600/Screen%2BShot%2B2016-04-02%2Bat%2B12.44.18%2BAM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-M9i9fPv22r4/Vv9OWANIHfI/AAAAAAAADMM/GHWCg5axj3MeAxeH3wqKmyKib8m-PYKgA/s1600/Screen%2BShot%2B2016-04-02%2Bat%2B12.44.18%2BAM.png" /></a>
<div class="imageTitle">The many ways Cleopatra VII was related to her parents</div>
</div>
<br/>
<br/>
<br/>
<br/>
</div>Bhttp://www.blogger.com/profile/14801037354020825824noreply@blogger.com0tag:blogger.com,1999:blog-2331067600015439238.post-31587955869549302332015-09-20T17:38:00.000-07:002016-04-01T22:31:31.301-07:00Features of a Web-Based Family Tree Visualization Tool
<style>
.main {
font-size:16px;
}
.descriptionwrapper [href*='learnforever'] {
display:none !important;
}
.descriptionwrapper a[href="mailto:bradflyon@gmail.com"] {
color:white;
}
.command {
padding-left:4px;
padding-right:4px;
border: 1px solid #ddd;
border-radius:3px;
background:#f8f8f8;
}
code {
padding-left:4px;
padding-right:4px;
border: 1px solid #eee;
border-radius:3px;
background:#f9f9f5;
font-size:60%;
font-family: monospace, "Courier New", Courier, monospace;
}
span.keyword, code .keyword {
color: rgb(170, 13, 145);
font-weight:normal;
}
code .comment {
color: rgb(0,116,0);
font-weight:normal;
}
code .title {
color:black;
font-weight:normal;
}
code .number {color: rgb(28, 0, 207);}
code .string {color: rgb(196, 26, 22);}
.imageTitle, .iFrameTitle {
font-size:80%;
text-align:center;
font-weight:bold;
}
.mySection {
margin-top:15px;
margin-bottom:10px;
font-size:120%;
font-weight:bold;
}
.mySubSection {
margin-top:15px;
margin-bottom:10px;
font-size:110%;
font-weight:bold;
}
.mySubSubSection {
margin-top:15px;
margin-bottom:10px;
font-size:100%;
font-style:italic;
font-weight:bold;
}
blockquote {
ifont: 14px/22px normal helvetica, sans-serif;
font: normal helvetica, sans-serif;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;
padding-left: 15px;
iborder-left: 3px solid #ccc;
}
blockquote p {
ifont-style:italic;
}
.warning {
ifont-weight:bold;
}
.dat-type-name {
font-weight:bold;
font-size:80%;
text-align:center;
}
.dat-header td {
vertical-align:bottom;
padding-top:6px;
border-top:1px solid #777;
}
table.examples {
border-collapse:collapse;
}
table.examples td {
vertical-align:top;
}
pre {
margin-top:0;
}
.small-image-title {
font-size:70%;
text-align:center;
font-style:italic;
}
.float-right {
float:right;
}
.note {
font-size:90%;
font-style:italic;
}
.mainSummaryTable {
width:100%;
border-spacing:0;
border-collapse:collapse;
font-size:90%;
}
.mainSummaryTable th {
text-align:center;
}
.headerRow {
ibackground:blue;
}
.headerRow th {
border-bottom:1px solid #331111;
}
.mainSummaryTable tr {
border-radius:4px;
}
.mainSummaryTable th {
border-bottom:4px solid #999;
}
.mainSummaryTable td {
border-bottom:2px solid #bbb;
}
th.titleRow {
font-size:120%;
padding-bottom: 10px;
}
th.title {
width:200px;
}
th.link {
width:80px;
text-align:center;
}
ith.screenshot {
width:200px;
}
/* tbody tr:nth-child(odd):hover {
background-color:#eeeeff;
}
*/
.mainSummaryTable td:first-child,.mainSummaryTable td:first-child +td {
vertical-align:top;
}
/* Hanging-indent on "Title" column */
.mainSummaryTable td:first-child p {
border-radius:4px;
padding-left:20px;
text-indent:-20px;
font-weight:bold;
font-style:italic;
}
/* Center the "Link" and "Screenshot" columns */
td:first-child + td, td:first-child + td {
text-align: center;
}
/* The description column */
td:first-child + td +td {
text-align: left;
padding-left:10px;
}
/* tr:nth-child(even) { background-color:#fff; } */
.utility {
font-size:125%;
font-weight: bold;
text-align:center;
}
.the-rest {
margin-top:20px;
font-size:80%;
}
.mainSummaryTable th {
font-size:125%;
}
.image-column, .info-column {
imax-width:320px !important;
}
.background-info {
margin-left:auto;
margin-right:auto;
font-style:italic;
margin-bottom:10px;
}
.discussion {
text-align:left;
margin-left:20px;
}
.let-me-know {
margin-left: 25px;
margin-right: 25px;
font-weight:bold;
font-style:italic;
}
div.contents {
font-weight:bold;
font-size:125%;
}
.divider {
width:90%;
margin-left:0;
margin-right:auto;
height:2px;
background:#999;
}
ul.contents, ul.sublist
{
list-style-type: none;
margin:0px;
padding:0;
}
ul.sublist {
font-size:90%;
}
ul.contents li
{
margin-left:-15px;
}
</style>
<div class="main">
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-NZingfGKGZw/Vf9Ux8Xxf4I/AAAAAAAAC_k/sbV0eo5VqzA/s1600/Screen%2BShot%2B2015-09-20%2Bat%2B8.51.45%2BPM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-NZingfGKGZw/Vf9Ux8Xxf4I/AAAAAAAAC_k/sbV0eo5VqzA/s1600/Screen%2BShot%2B2015-09-20%2Bat%2B8.51.45%2BPM.png" /></a></div>
<!--
<div class="separator" style="border-radius:10px;clear: both; float:right;text-align: center;"><a href="http://4.bp.blogspot.com/-lMK17NPYfP4/Vf9QaNmrTtI/AAAAAAAAC_Q/5DKubocCXVM/s1600/10379498815_2acedf4c6c_m.jpg" imageanchor="1" style="border-radius:10px;margin-bottom: 1em; margin-left: 1em;"><img border="0" style="border-radius:5px;" src="http://4.bp.blogspot.com/-lMK17NPYfP4/Vf9QaNmrTtI/AAAAAAAAC_Q/5DKubocCXVM/s1600/10379498815_2acedf4c6c_m.jpg" /></a>
<div class="imageTitle" style="font-size:60%;font-style:italic;">photo by <a href="https://www.flickr.com/photos/pearlshelf/">Colleen via flickr</a></div>
</div>
-->
<p>The purpose of this note is to serve as a central location for features of a web-based family tree
visualization tool I have been playing with.
</p>
<p>The tool itself is still a work-in-progress, and feature requests/comments are appreciated - just shoot me a note at <a href="mailto:bradflyon@gmail.com?subject="Comment%20on%20Family%20Tree%20Visualization">bradflyon@gmail.com</a></p>
<div class="contents">Contents</div>
<ul class="contents">
<li><a href="#location">Location of Family Tree Visualization Tool</a></li>
<li><a href="#movingmouse">Moving Mouse over Nodes for More Information</a>
</li>
<li><a href="#basic-buttons">Basic Button Functionality</a>
</li>
<li>
<a href="#lifespans">What do the lifespan indicators show?</a>
</li>
<li>
<a href="#green-lines">What are those green lines on the right?</a>
</li>
<li>
<a href="#cousins">Cousin Calculator</a>
</li>
<li>
<a href="#collapsing-path">Collapsing a Specific Path</a>
</li>
<li>
<a href="#navigating-current-tree">
Navigating the Currently Displayed Tree
</a>
</li>
<li>
<a href="#navigating-full-tree">
Navigating the Currently Loaded GEDCOM File
</a>
</li>
<li>
<a href="#misc">Miscellaneous Notes</a>
<ul class="sublist">
<li><a href="#why-cannot-see">Why can't I see all of the people in the tree at one time?</a>
</li>
<li>
<a href="#how-create-gedcom">How do I create a GEDCOM file for my own tree?
</a>
</li>
</ul>
</li>
</ul>
<a name='more'></a>
<div class="divider"></div>
<a name="location"><div class="mySubSection">Location of the Family Tree Tool</div></a>
<p>There are currently two different ways to load the tool. One way will show the lifespans for three generations from the root person in an ancestor tree, the other will not. It is planned that this option will be moved to a configuration menu, and only one url will be necessary.</p>
<ul>
<li>Location of the tool, where it shows lifespans: <a href="https://learnforeverlearn.com/ancestors/?lifespan=true">https://learnforeverlearn.com/ancestors/?lifespan=true</a></li>
<li>Location of tool, where it does not show the lifespans: <a href="https://learnforeverlearn.com/ancestors">https://learnforeverlearn.com/ancestors</a></li>
</ul>
<p>In both cases, by default it will load a random family tree from a number of "Famous People" sample trees. You can then choose to upload your own family tree that is in a gedcom file, or simply explore the samples.
</p>
<p>You can pan and zoom in the tree - drag for pan, mousewheel for zoom.</p>
<!--
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-r_0IsfK_xHg/VfzOM4KCrJI/AAAAAAAAC84/3btXcIx5tuo/s1600/Screen%2BShot%2B2015-09-12%2Bat%2B1.22.09%2BPM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-r_0IsfK_xHg/VfzOM4KCrJI/AAAAAAAAC84/3btXcIx5tuo/s400/Screen%2BShot%2B2015-09-12%2Bat%2B1.22.09%2BPM.png" /></a></div>
-->
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-zVi3Wz_JzvE/VfzOTzBaUYI/AAAAAAAAC9A/rzGuZqy5CUc/s1600/Screen%2BShot%2B2015-09-12%2Bat%2B1.22.09%2BPM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img width="550" border="0" src="http://1.bp.blogspot.com/-zVi3Wz_JzvE/VfzOTzBaUYI/AAAAAAAAC9A/rzGuZqy5CUc/s640/Screen%2BShot%2B2015-09-12%2Bat%2B1.22.09%2BPM.png" /></a></div>
<!--
<div class="separator" style="text-align: center;"><a href="http://1.bp.blogspot.com/-hOntp2EcFyQ/VfzNoEAy2XI/AAAAAAAAC8o/8gt-nA_iIvI/s1600/Screen%2BShot%2B2015-09-12%2Bat%2B1.22.09%2BPM.png" imageanchor="1" style=" margin-bottom: 1em; margin-left: 1em;"><img width="550" border="0" src="http://1.bp.blogspot.com/-hOntp2EcFyQ/VfzNoEAy2XI/AAAAAAAAC8o/8gt-nA_iIvI/s320/Screen%2BShot%2B2015-09-12%2Bat%2B1.22.09%2BPM.png" /></a></div>
<div class="separator" style="text-align: center;"><a href="http://2.bp.blogspot.com/-vhYl8mbM35c/VfzNvP19liI/AAAAAAAAC8w/VVL-ZlPZ0Lc/s1600/Screen%2BShot%2B2015-09-12%2Bat%2B1.34.46%2BPM.png" imageanchor="1" style="margin-bottom: 1em; margin-right: 1em;"><img width="450" border="0" src="http://2.bp.blogspot.com/-vhYl8mbM35c/VfzNvP19liI/AAAAAAAAC8w/VVL-ZlPZ0Lc/s320/Screen%2BShot%2B2015-09-12%2Bat%2B1.34.46%2BPM.png" /></a></div>
-->
<a name="movingmouse"><div class="mySubSection">Moving Mouse over Nodes for More Information</div></a>
<p>Moving your mouse over the nodes will bring up a informational popup for that person.If you click the node, the popup
will stay open and can be dragged around with your mouse, and there will be a
few more options available in the popup.</p>
</p>
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-uinLx9eKIwQ/Vf8dpOSAVjI/AAAAAAAAC-k/KCsRoaSTw0g/s1600/Screen%2BShot%2B2015-09-20%2Bat%2B4.56.38%2BPM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-uinLx9eKIwQ/Vf8dpOSAVjI/AAAAAAAAC-k/KCsRoaSTw0g/s1600/Screen%2BShot%2B2015-09-20%2Bat%2B4.56.38%2BPM.png" /></a></div>
<p>In addition, the path from the root person to that person is highlighted, and the nodes for
all other ancestors at the same level are highlighted by enlarging the nodes slightly.</p>
<a name="basic-buttons"><div class="mySubSection">Basic Button Functionality</div></a>
<p>The figure below highlights the main functionality available via the buttons.</p>
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-pFPQAhO_NEI/Vf8c1WWVKKI/AAAAAAAAC-c/8LeqDUqV5HE/s1600/Screen%2BShot%2B2015-09-20%2Bat%2B4.53.11%2BPM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-pFPQAhO_NEI/Vf8c1WWVKKI/AAAAAAAAC-c/8LeqDUqV5HE/s1600/Screen%2BShot%2B2015-09-20%2Bat%2B4.53.11%2BPM.png" /></a></div>
<a name="lifespans"><div class="mySubSection">What do the lifespan indicators show?</div></a>
<p>
If the person is deceased, the "lifespan" displayed will show a rectangle indicating the lifespan of the individual.
As you move the mouse over the rectangle, it will display how old that person was in the year that reflects where the
mouse is (there is a long horizontal line that moves with the mouse). The estimated lifespans are based on mortality tables.
</p>
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-T75fZCMfEjo/Vf8KWjnQ0tI/AAAAAAAAC94/VAH-memEjpQ/s1600/Screen%2BShot%2B2015-09-20%2Bat%2B3.32.27%2BPM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-T75fZCMfEjo/Vf8KWjnQ0tI/AAAAAAAAC94/VAH-memEjpQ/s640/Screen%2BShot%2B2015-09-20%2Bat%2B3.32.27%2BPM.png" /></a></div>
<div class="imageTitle">As you move the mouse <br/>
over the rectangle for the lifespan, the viz will display how old that<br/> person was in the year that reflects where the
mouse is</div>
<br/>
<br/>
<br/>
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-V3BxrV-RplU/Vf8L_5JJOtI/AAAAAAAAC-E/3d18USU7hoU/s1600/Screen%2BShot%2B2015-09-20%2Bat%2B3.41.07%2BPM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-V3BxrV-RplU/Vf8L_5JJOtI/AAAAAAAAC-E/3d18USU7hoU/s640/Screen%2BShot%2B2015-09-20%2Bat%2B3.41.07%2BPM.png" /></a></div>
<div class="imageTitle">If the person is still alive, then as you move the mouse <br/>
over the rectangle in the future, the viz will display how old that<br/>
person will be in that year, as well as <br/>
the probability that the person will live that long.</div>
<a name="green-lines"><div class="mySubSection">What are those green lines on the right?</div></a>
<p>The green lines on the right indicate family events. Moving your mouse over these will show the events as well as any historical events for that year as well.</p>.
<a href="http://1.bp.blogspot.com/-hl0Kx9X4BAI/Vf8EoDIserI/AAAAAAAAC9o/lnTuaFveVDY/s1600/Screen%2BShot%2B2015-09-20%2Bat%2B3.07.36%2BPM.png" imageanchor="1" ><img width="550" border="0" src="http://1.bp.blogspot.com/-hl0Kx9X4BAI/Vf8EoDIserI/AAAAAAAAC9o/lnTuaFveVDY/s640/Screen%2BShot%2B2015-09-20%2Bat%2B3.07.36%2BPM.png" /></a>
<div class="imageTitle">Moving your mouse over the green bars<br/>will reveal family and historical events</div>
<a name="cousins"><div class="mySubSection">Cousin Calculator</div></a>
<p>How is one person in the tree related to another person in the tree? For descendant trees, you can see.
The steps to do this are shown in the screenshot below. For trees with lots of pedigree collapse, two people can be related in various ways, and these will be shown with the tool.</p>
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-YQv3awDtMl0/VPyr-N-SQ1I/AAAAAAAAClw/70DDZfCAumo/s1600/Screen%2BShot%2B2015-03-08%2Bat%2B2.45.03%2BPM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-YQv3awDtMl0/VPyr-N-SQ1I/AAAAAAAAClw/70DDZfCAumo/s1600/Screen%2BShot%2B2015-03-08%2Bat%2B2.45.03%2BPM.png" /></a></div>
<div class="imageTitle">Step 1 for viewing relationship between any two people in the tree </div>
<br/>
<br/>
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-nSvVXyesWzc/VPysfgm_fHI/AAAAAAAACl4/27eSFBo-ars/s1600/Screen%2BShot%2B2015-03-08%2Bat%2B2.50.23%2BPM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img width="550" border="0" src="http://2.bp.blogspot.com/-nSvVXyesWzc/VPysfgm_fHI/AAAAAAAACl4/27eSFBo-ars/s1600/Screen%2BShot%2B2015-03-08%2Bat%2B2.50.23%2BPM.png" /></a></div>
<div class="imageTitle">Now when you mouseover anyone else in the tree, the popup will include the relationship to the "Relationship Relative" chosen in Step 1</div>
<a name="collapsing-path"><div class="mySubSection">Collapsing a Specific Path</div></a>
<p>You can "collapse" a specific path in the full tree (ancestor or
descendant tree) to a straight path showing all the people in that particular path.
</p>
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-igDEi-V77wI/Vf8orb4cEJI/AAAAAAAAC-0/zGE45ErDaFE/s1600/collapse_example_charles_ii.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-igDEi-V77wI/Vf8orb4cEJI/AAAAAAAAC-0/zGE45ErDaFE/s640/collapse_example_charles_ii.gif" /></a></div>
<div class="imageTitle">Example of "Collapsing" a Tree to a Particular Path</div>
<!-- The video below shows
a quick example illustrating this (at about 33 seconds).</p>
-->
<a name="navigating-current-tree">
<div class="mySubSubSection">Navigating the Currently Displayed Tree</div>
</a>
<p>The video below demonstrates how to easily navigate the people in the current tree.</p>
<div style="text-align:center;">
<iframe width="420" height="315" src="https://www.youtube.com/embed/7-9HNLJG2jQ" frameborder="0" allowfullscreen></iframe>
<div class="imageTitle">How to navigate the currently displayed tree
</div>
</div>
<a name="navigating-full-tree">
<div class="mySubSection">Navigating the Currently Loaded GEDCOM File</div>
</a>
<p>The video below demonstrates how to easily navigate ANY of the people in the currently
loaded GEDCOM file (including searching by name). You can also quickly change to the ancestor/descendant tree for people
that are in the GEDCOM file but not in the currently displayed ancestor/descendant treethis way.</p>
<div style="text-align:center;">
<iframe width="420" height="315" src="https://www.youtube.com/embed/Su8WvOAnlAg" frameborder="0" allowfullscreen></iframe>
<div class="imageTitle">How to navigate the currently loaded GEDCOM file
</div>
</div>
<a name="misc"><div class="mySubSection">Miscellaneous Notes</div></a>
<a name="why-cannot-see"><div class="mySubSubSection">Why can't I see all of the people in the tree at one time?</div></a>
<p>While it is planned to have options to show full trees, the tool currently shows only ancestor or descendant trees starting at a particular person.</p>
<a name="how-create-gedcom"><div class="mySubSubSection">How do I create a GEDCOM file for my own tree?</div>
</a>
<p>
As far as I know, you can export a GEDCOM file of your tree from any of the common family tree software and web sites (e.g., Ancestry.com). The details on how
to do this will depend on which tool you are using. Please feel free to contact me at <a href="mailto:bradflyon@gmail.com">bradflyon@gmail.com</a> if you are having problems with that step, and I will see if I can help.
</p>
</div>Bhttp://www.blogger.com/profile/14801037354020825824noreply@blogger.com12