<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/">
  <channel>
    <title>#pedigree-charts posts — Ben Crowder</title>
    <link>https://bencrowder.net/blog/tag/pedigree-charts/</link>
    <atom:link href="https://bencrowder.net/blog/tag/pedigree-charts/feed/" rel="self" />
    <description>Feed for blog posts tagged with #pedigree-charts.</description>
    <lastBuildDate>Mon, 13 Apr 2026 03:29:26 GMT</lastBuildDate>
    <language>en-US</language>
    <generator>https://bencrowder.net/</generator>

    <item>
      <title>Projects — Prints 2.6</title>
      <link>https://bencrowder.net/blog/2022/projects-prints-2.6/</link>
      <guid isPermaLink="true">https://bencrowder.net/blog/2022/projects-prints-2.6/</guid>
      <pubDate>Sun, 31 Jul 2022 12:00:00 GMT</pubDate>
      <dc:creator><![CDATA[Ben Crowder]]></dc:creator>
      <description><![CDATA[<p>We’ll group the projects together today.</p>
<h2 id="familypedigrees">Family pedigrees</h2>
<p>An old-yet-new chart type: family pedigrees.</p>
<p><figure class="border">
        <a href="https://cdn.bencrowder.net/blog/2022/07/family-pedigrees-3-gen.png"><img src="https://cdn.bencrowder.net/blog/2022/07/family-pedigrees-3-gen.png" alt="https://cdn.bencrowder.net/blog/2022/07/family-pedigrees-3-gen.png" title="https://cdn.bencrowder.net/blog/2022/07/family-pedigrees-3-gen.png" /></a>
        
      </figure></p>
<p>As you can see, it’s a little different from the <a href="https://bencrowder.net/blog/2014/experimental-family-pedigree/">initial design</a>. This modern incarnation admittedly isn’t as pretty in some ways, but it’s a heck of a lot easier to lay out programmatically.</p>
<p>New things: It shows which child the line comes through, I added the lifespan right after each parent’s name, and I added indicators for the children showing how many kids they had (the dot) and how many marriages (the slash, though if they were married only once and had children, I left the marriage indicator off).</p>
<p>It also supports four generations, admittedly with less space and smaller type:</p>
<p><figure class="border">
        <a href="https://cdn.bencrowder.net/blog/2022/07/family-pedigrees-4-gen.png"><img src="https://cdn.bencrowder.net/blog/2022/07/family-pedigrees-4-gen.png" alt="https://cdn.bencrowder.net/blog/2022/07/family-pedigrees-4-gen.png" title="https://cdn.bencrowder.net/blog/2022/07/family-pedigrees-4-gen.png" /></a>
        
      </figure></p>
<p>I tried it without the table borders, by the way. While it was more readable than I expected, it felt a little too loose and unmoored.</p>
<p>The input uses ArchieML and currently looks like this:</p>
<pre>
[families]

family: 1.1
marriage: 30 Dec 1829 in Polanco
father: José Antonio Fuentevilla Fuentevilla // 1809-1878
mother: Manuela Gándara Cobo // 1811-1879
[.children]
  name: ? // 1830-1831

  name: Josefa // 1832-1834

  name: Francisca Maria // 1835-1843

  name: Maria Remedios // 1838-1898
  children: 6

  name: Maria Luisa // 1841-1916
  marriages: 1

  name: Manuel // 1845-

  name: < Maria Isabel // 1848-1928
  children: 9

  name: Maria Dolores // 1853-1853

  name: José Maria // 1858-1858
[]

family: 2.1
marriage: 29 Feb 1808 in Polanco
father: José Fuentevilla Piñera // 1779-1855
mother: Vicenta Manuela Fuentevilla Ruiz // 1787-1828
[.children]
  name: < José Antonio // 1809-1878
  children: 9

  ...etc.
[]
</pre>
<p>…etc.</p>
<p>Right now the family numbering is table-based (column, row), but eventually I think I probably want to make it hierarchical (somehow) so it’s easier to know which cell to put things in.</p>
<h2 id="timelinecharts">Timeline charts</h2>
<p>Another new chart of sorts: timelines. I’ve been sorting through my Cuban lines and realized I needed some way to map out everybody so I could see the bigger picture.</p>
<p><figure class="border">
        <a href="https://cdn.bencrowder.net/blog/2022/07/timeline-chart.png"><img src="https://cdn.bencrowder.net/blog/2022/07/timeline-chart.png" alt="https://cdn.bencrowder.net/blog/2022/07/timeline-chart.png" title="https://cdn.bencrowder.net/blog/2022/07/timeline-chart.png" /></a>
        
      </figure></p>
<p>The input is an ArchieML file that just lists events with dates and optional places:</p>
<pre>
title: Cuba timeline

[timeline]

event: Antonio Sánchez Rodríguez Díaz marries Ana Josefa Muñoz y Martínez Machado, possibly in El Calvario
daterange: 1790s-1800s

event: Agustin Sánchez Muñoz marries Ana Josefa Montoro, who then dies before 7 Feb 1835
daterange: 1790s-1830s

event: Rafaela Crispina Sánchez Muñoz born to Antonio Sánchez Rodríguez Díaz and Ana Josefa Muñoz y Martínez Machado
date: 1805 Oct 25
place: Matanzas City

event: Domingo Sánchez Muñoz born to Antonio Sánchez Rodríguez Díaz and Ana Josefa Muñoz y Martínez Machado
date: 1807 May 12
place: Matanzas City

event: Antonia Crispina Vargas Hernández is born to José Vargas and Gertrudis Hernández
daterange: 1800s
place: Güira de Melena, Mayabeque

...etc.
</pre>
<p>If the date is a range, it’s italicized to show that it’s broader than a specific date.</p>
<p>(I originally was just going to use Google Docs for this, by the way, and made an initial prototype there. Having to do all the formatting manually got old, though, so I scripted it. Now I can just focus on the content.)</p>
<h2 id="familysheetsupdate">Family sheets update</h2>
<p>I’ve got almost all the family sheet functionality ported to Node/JavaScript and cleaned up. (The sparklines code now uses tracks and markers in a way that is much more extensible and easier to work with.) In the process, I also revised the resolution (before, it just keyed off the year, but now it uses the month and day if present as well, so spacing is more accurate), added dotted-line support for date ranges (for birth and death), and added a marker for divorce (a skinny X):</p>
<p><figure class="border">
        <a href="https://cdn.bencrowder.net/blog/2022/07/family-sheet-changes.png"><img src="https://cdn.bencrowder.net/blog/2022/07/family-sheet-changes.png" alt="https://cdn.bencrowder.net/blog/2022/07/family-sheet-changes.png" title="https://cdn.bencrowder.net/blog/2022/07/family-sheet-changes.png" /></a>
        
      </figure></p>
<p>Still have a number of bugs to fix, but it’s getting close.</p>
<h2 id="tabularpedigreesupdate">Tabular pedigrees update</h2>
<p>I ported the tabular pedigrees to Node/JavaScript and added support for seven-generation charts:</p>
<p><figure class="border">
        <a href="https://cdn.bencrowder.net/blog/2022/07/tabular-pedigree-7-gen.png"><img src="https://cdn.bencrowder.net/blog/2022/07/tabular-pedigree-7-gen.png" alt="https://cdn.bencrowder.net/blog/2022/07/tabular-pedigree-7-gen.png" title="https://cdn.bencrowder.net/blog/2022/07/tabular-pedigree-7-gen.png" /></a>
        
      </figure></p>
<p>Comparison to the six-generation chart:</p>
<p><figure class="border">
        <a href="https://cdn.bencrowder.net/blog/2022/06/tabular-pedigree.png"><img src="https://cdn.bencrowder.net/blog/2022/06/tabular-pedigree.png" alt="https://cdn.bencrowder.net/blog/2022/06/tabular-pedigree.png" title="https://cdn.bencrowder.net/blog/2022/06/tabular-pedigree.png" /></a>
        
      </figure></p>
<p>The shaded cells, by the way, indicate that I haven’t yet verified those people. Basically a <code>TODO</code> comment for myself.</p>
<p>Can’t wait till Chrome supports border stroke widths smaller than 1pt.</p>
<h2 id="quicklinks">Quick links</h2>
<p>Last and sort of least, I’m slowly putting together <a href="https://bencrowder.net/genealogy/torre-de-passeri/civil-registration/">a page with quick links</a> to the various Torre de’ Passeri civil registration scans on FamilySearch, to save myself some time. Planning to do this for the other localities I do research in as well.</p><hr class="feed-extra" style="margin-top: 48pt;" /><p class="feed-extra feed-mail"><a href="mailto:ben.crowder@gmail.com?subject=Re%3A%20Projects — Prints 2.6">Reply via email</a></p>]]></description>
    </item>
    <item>
      <title>Tabular pedigree chart</title>
      <link>https://bencrowder.net/blog/2022/tabular-pedigree-chart/</link>
      <guid isPermaLink="true">https://bencrowder.net/blog/2022/tabular-pedigree-chart/</guid>
      <pubDate>Mon, 20 Jun 2022 12:00:00 GMT</pubDate>
      <dc:creator><![CDATA[Ben Crowder]]></dc:creator>
      <description><![CDATA[<p>Lately I’ve found myself wanting to have local, paper copies of my genealogical research. As part of that, I wrote a script that takes input like this:</p>

<pre>
- Maria Isabel Fuentevilla Gándara | 1848 | ? | Polanco, Spain
-- José Antonio Fuentevilla Fuentevilla | 1809 | 1878 | Polanco, Spain
--- José Fuentevilla Piñera | 1779 | ? | Polanco, Spain
---- José Villa Oyuela | 1737 | 1803 | Polanco, Spain
----- Juan Antonio Villa Cacho | ? | ? | Polanco, Spain
------ Santiago Villa | 1687 | ? | Polanco, Spain
------ Maria Cacho
----- Rosa Maria Oyuela | ? | 1740 | Polanco, Spain
------ Damian Oyuela | ? | 1720 |
------ Josefa Rio
---- Rosa Piñera Pereda | 1747 | 1817 | Rumoroso, Spain
----- Juan Francisco Piñera Velo | ? | ? | Rumoroso, Spain
------ Juan Piñera | ? | ? | Arce, Spain
------ Francisca Velo | ? | ? | Arce, Spain
----- Maria Pereda Fuente | ? | ? | Rumoroso, Spain
------ Francisco Pereda | ? | ? | Rumoroso, Spain
------ Anna Fuente | ? | ? | Rumoroso, Spain
</pre>

<p>And turns it into what I’m calling a tabular pedigree chart:</p>

<figure class="border">
        <a href="https://cdn.bencrowder.net/blog/2022/06/tabular-pedigree.png"><img src="https://cdn.bencrowder.net/blog/2022/06/tabular-pedigree.png" alt="https://cdn.bencrowder.net/blog/2022/06/tabular-pedigree.png" title="https://cdn.bencrowder.net/blog/2022/06/tabular-pedigree.png" /></a>
        
      </figure>

<figure>
        <a href="https://cdn.bencrowder.net/blog/2022/06/tabular-pedigree-binder.jpg"><img src="https://cdn.bencrowder.net/blog/2022/06/tabular-pedigree-binder.jpg" alt="https://cdn.bencrowder.net/blog/2022/06/tabular-pedigree-binder.jpg" title="https://cdn.bencrowder.net/blog/2022/06/tabular-pedigree-binder.jpg" /></a>
        
      </figure>

<p>It’s not glamorous by any means, and it’s still a work in progress, but it was super simple to implement with HTML tables and a bit of CSS. I print it to PDF from the browser. Overall, I’m fairly happy with it.</p><hr class="feed-extra" style="margin-top: 48pt;" /><p class="feed-extra feed-mail"><a href="mailto:ben.crowder@gmail.com?subject=Re%3A%20Tabular pedigree chart">Reply via email</a></p>]]></description>
    </item>
    <item>
      <title>Sparkline pedigree chart</title>
      <link>https://bencrowder.net/blog/2014/sparkline-pedigree-chart/</link>
      <guid isPermaLink="true">https://bencrowder.net/blog/2014/sparkline-pedigree-chart/</guid>
      <pubDate>Wed, 23 Jul 2014 12:00:00 GMT</pubDate>
      <dc:creator><![CDATA[Ben Crowder]]></dc:creator>
      <description><![CDATA[<p>This proof of concept takes the <a href="https://bencrowder.net/genealogy/2006/genealogy-sparklines/">genealogy sparklines</a> idea and puts it on a pedigree chart:</p>
<figure class="border"><a href="https://cdn.bencrowder.net/images/2014/07/SparklinePedigree.png"><img src="https://cdn.bencrowder.net/images/2014/07/SparklinePedigree-800.png" alt="" /></a></figure>
<p>The white diamond represents a marriage, and the small circles represent children. The length of the line corresponds to how long the person lived. (Also, the data is very made up.)</p>
<p>As I’m writing this, I’m thinking these sparklines might work better on a family group sheet instead of a pedigree chart.</p><hr class="feed-extra" style="margin-top: 48pt;" /><p class="feed-extra feed-mail"><a href="mailto:ben.crowder@gmail.com?subject=Re%3A%20Sparkline pedigree chart">Reply via email</a></p>]]></description>
    </item>
    <item>
      <title>Experimental family pedigree</title>
      <link>https://bencrowder.net/blog/2014/experimental-family-pedigree/</link>
      <guid isPermaLink="true">https://bencrowder.net/blog/2014/experimental-family-pedigree/</guid>
      <pubDate>Sat, 05 Apr 2014 12:00:00 GMT</pubDate>
      <dc:creator><![CDATA[Ben Crowder]]></dc:creator>
      <description><![CDATA[<p>This experiment takes the style introduced <a href="https://bencrowder.net/blog/2014/experimental-pedigree-chart/">in January</a> and uses it for a family pedigree (this time with real names and dates from my Italian side in Morrone del Sannio):</p>
<figure class="border"><a href="https://cdn.bencrowder.net/downloads/charts/experimental-family-pedigree.pdf"><img src="https://cdn.bencrowder.net/images/2014/04/ExperimentalFamilyPedigree-800.png" alt="" /></a></figure>
<p>Three generations would have been better than four (mostly because of spacing). There’s also a bit of redundancy — people on the main lines show up twice, once as a child and once as a father/mother. Overall, though, I like being able to see the children of each family across multiple generations.</p><hr class="feed-extra" style="margin-top: 48pt;" /><p class="feed-extra feed-mail"><a href="mailto:ben.crowder@gmail.com?subject=Re%3A%20Experimental family pedigree">Reply via email</a></p>]]></description>
    </item>
    <item>
      <title>Experimental pedigree chart</title>
      <link>https://bencrowder.net/blog/2014/experimental-pedigree-chart/</link>
      <guid isPermaLink="true">https://bencrowder.net/blog/2014/experimental-pedigree-chart/</guid>
      <pubDate>Mon, 20 Jan 2014 12:00:00 GMT</pubDate>
      <dc:creator><![CDATA[Ben Crowder]]></dc:creator>
      <description><![CDATA[<p>Because I apparently can’t stop making genealogy charts: here’s a pedigree chart I put together as an experiment to see what things would look like if the more recent names were larger. The result:</p>
<figure class="border"><a href="https://cdn.bencrowder.net/downloads/charts/experimental-pedigree-chart.pdf"><img src="https://cdn.bencrowder.net/images/2014/01/ExperimentalPedigreeChart-800.png" alt="" /></a></figure>
<p>I do like the larger names, but it seems that on the left side of the chart the hierarchy is harder to read. This kind of chart might work better with just four generations instead of six.</p><hr class="feed-extra" style="margin-top: 48pt;" /><p class="feed-extra feed-mail"><a href="mailto:ben.crowder@gmail.com?subject=Re%3A%20Experimental pedigree chart">Reply via email</a></p>]]></description>
    </item>
    <item>
      <title>More pedigree charts</title>
      <link>https://bencrowder.net/blog/2011/more-pedigree-charts/</link>
      <guid isPermaLink="true">https://bencrowder.net/blog/2011/more-pedigree-charts/</guid>
      <pubDate>Mon, 25 Apr 2011 12:00:00 GMT</pubDate>
      <dc:creator><![CDATA[Ben Crowder]]></dc:creator>
      <description><![CDATA[<p>Building on the pedigree charts I released about <a href="https://bencrowder.net/genealogy/2010/pedigree-charts/">a year ago</a>, I’ve made a handful of <a href="https://bencrowder.net/design/pedigree-charts/">new charts</a>. For the four-generation chart, I’ve added one that has three to a page. I’ve also added five-generation and six-generation charts for people who like to write small:</p>
<figure><a href="https://bencrowder.net/design/pedigree-charts/"><img src="https://cdn.bencrowder.net/images/2011/04/pedigree-6x.jpg" alt="" /></a></figure>
<p>Beyond that, I’ve got something sort of new that I’m calling a family chart. It’s similar to the <a href="https://bencrowder.net/genealogy/2010/emperor/">family pedigree</a> I mentioned when I released Emperor — a pedigree chart meets family group sheet hybrid:</p>
<figure><a href="https://bencrowder.net/design/pedigree-charts/"><img src="https://cdn.bencrowder.net/images/2011/04/family-chart1.jpg" alt="" /></a></figure>
<p>There’s also a tabular version for when you don’t care as much about the relationships between families (if you’re just trying to figure out which kids go with which parents, for example):</p>
<figure><a href="https://bencrowder.net/design/pedigree-charts/"><img src="https://cdn.bencrowder.net/images/2011/04/family-chart2.jpg" alt="" /></a></figure>
<p>And last but not least, a timeline, for mapping out chronological relationships and that sort of thing:</p>
<figure><a href="https://bencrowder.net/design/pedigree-charts/"><img src="https://cdn.bencrowder.net/images/2011/04/timeline.jpg" alt="" /></a></figure>
<p>While I do love software, it’s hard to beat paper for stuff like this — paper lets you be messy. I’m finding myself doing a lot of my genealogy research on paper for just that reason. It’s more flexible. I seriously, seriously love paper.</p><hr class="feed-extra" style="margin-top: 48pt;" /><p class="feed-extra feed-mail"><a href="mailto:ben.crowder@gmail.com?subject=Re%3A%20More pedigree charts">Reply via email</a></p>]]></description>
    </item>
    <item>
      <title>Emperor</title>
      <link>https://bencrowder.net/blog/2010/emperor/</link>
      <guid isPermaLink="true">https://bencrowder.net/blog/2010/emperor/</guid>
      <pubDate>Wed, 03 Nov 2010 12:00:00 GMT</pubDate>
      <dc:creator><![CDATA[Ben Crowder]]></dc:creator>
      <description><![CDATA[<script src="https://bencrowder.net/js/emperor.js" type="application/javascript"></script>
<p>When blogging about genealogy, it’s nice to be able to easily embed pedigree charts in your posts. I realized yesterday that it would be pretty easy to write a script to do just that. It’s called <a href="https://bencrowder.net/coding/emperor/">Emperor</a>. Here’s a live demo:</p>
<h3>Two-generation</h3>
<div class="emperor-pedigree">
    * John Doe | b. 1850
    ** Father: Richard Doe |
    ** Mother: Maria Taylor | b. 1825
</div>
<h4>The code</h4>
<pre><code>&amp;lt;div class="emperor-pedigree"&amp;gt;
    * John Doe | b. 1850
    ** Father: Richard Doe |
    ** Mother: Maria Taylor | b. 1825
&amp;lt;/div&amp;gt;
</code></pre>
<h3>Three-generation</h3>
<div class="emperor-pedigree">
    * Samuel Smith | 1823&ndash;1825
    ** Nicholas Smith | 1800&ndash;1824
    *** Frederick Smith | 1773&ndash;1812
    *** Annabelle Hansen | b. 1770s?
    ** Irene Yolen | 1825&ndash;?
    *** Grandmother: Caroline Eastman | 1801&ndash;1899
</div>
<h4>The code</h4>
<pre><code>&amp;lt;div class="emperor-pedigree"&amp;gt;
    * Samuel Smith | 1823&amp;amp;ndash;1825
    ** Nicholas Smith | 1800&amp;amp;ndash;1824
    *** Frederick Smith | 1773&amp;amp;ndash;1812
    *** Annabelle Hansen | b. 1770s?
    ** Irene Yolen | 1825&amp;amp;ndash;?
    *** Grandmother: Caroline Eastman | 1801&amp;amp;ndash;1899
&amp;lt;/div&amp;gt;
</code></pre>
<h3>Family pedigree</h3>
<div class="emperor-pedigree">
    * Mark Goldman &<br/> Evelyn Washburn | Jackie (b. 1935)
    ** Stephen Goldman &<br/> Anne Rhys | Gary (b. 1899) | Ned (b. 1902) | Maggie (b. 1903) | Tanner (b. 1903) | Richard Goldman (b. 1908) | Mark Goldman (b. 1913)
    ** Robert Washburn &<br/> Zanny Holdmann | Evelyn (b. 1915) | Lawrence (b. 1917)
</div>
<h4>The code</h4>
<pre><code>&amp;lt;div class="emperor-pedigree"&amp;gt;
    * Mark Goldman &amp;amp;&amp;lt;br/&amp;gt; Evelyn Washburn | Jackie (b. 1935)
    ** Stephen Goldman &amp;amp;&amp;lt;br/&amp;gt; Anne Rhys | Gary (b. 1899) |
        Ned (b. 1902) | Maggie (b. 1903) | Tanner (b. 1903) |
        Richard Goldman (b. 1908) | Mark Goldman (b. 1913)
    ** Robert Washburn &amp;amp;&amp;lt;br/&amp;gt; Zanny Holdmann | Evelyn (b. 1915) |
        Lawrence (b. 1917)
&amp;lt;/div&amp;gt;
</code></pre>
<h3>Notes</h3>
<p>If you’re reading this in a feed reader, it won’t look all that impressive. (That’s one of the downsides to doing it via Javascript instead of server-side.) Here’s an image showing what it looks like (from the sample page, included with the source):</p>
<figure><img src="https://cdn.bencrowder.net/images/2010/11/emperor.png" alt="" title="emperor" /></figure>
<p>The code (on <a href="http://github.com/bencrowder/emperor">Github</a>) comes with instructions on using it. (Just upload the <code>emperor.js</code> file to your server, link to it in your head, and put your pedigree charts in a div with <code>class="emperor-pedigree"</code>.) Oh, and you can style the pedigrees with CSS. There are still some <a href="https://github.com/bencrowder/emperor/issues">issues</a> to be resolved, but it’s fully armed and operational.</p><hr class="feed-extra" style="margin-top: 48pt;" /><p class="feed-extra feed-mail"><a href="mailto:ben.crowder@gmail.com?subject=Re%3A%20Emperor">Reply via email</a></p>]]></description>
    </item>
    <item>
      <title>Pedigree charts</title>
      <link>https://bencrowder.net/blog/2010/pedigree-charts/</link>
      <guid isPermaLink="true">https://bencrowder.net/blog/2010/pedigree-charts/</guid>
      <pubDate>Thu, 06 May 2010 12:00:00 GMT</pubDate>
      <dc:creator><![CDATA[Ben Crowder]]></dc:creator>
      <description><![CDATA[<p>Genealogy on the computer is nice, but sometimes you just want to write things down on paper. I’ve put together some minimalist pedigree chart templates for that purpose (<a href="https://bencrowder.net/design/pedigree-charts/">downloadable as PDFs</a>).</p>
<p>Standard and 2x (since you usually don’t need all the space the standard chart gives you):</p>
<figure><a href="https://bencrowder.net/design/pedigree-charts/"><img src="https://cdn.bencrowder.net/images/2010/05/pedigreechart1.png" alt="" title="pedigreechart1" /></a></figure>
<p>And landscape, if you need more horizontal space:</p>
<figure><a href="https://bencrowder.net/design/pedigree-charts/"><img src="https://cdn.bencrowder.net/images/2010/05/pedigree_l-570x440.png" alt="" title="pedigree_l" /></a></figure>
<p>Enjoy.</p><hr class="feed-extra" style="margin-top: 48pt;" /><p class="feed-extra feed-mail"><a href="mailto:ben.crowder@gmail.com?subject=Re%3A%20Pedigree charts">Reply via email</a></p>]]></description>
    </item>
    <item>
      <title>Pedigree chart sharing</title>
      <link>https://bencrowder.net/blog/2010/pedigree-chart-sharing/</link>
      <guid isPermaLink="true">https://bencrowder.net/blog/2010/pedigree-chart-sharing/</guid>
      <pubDate>Sat, 06 Mar 2010 12:00:00 GMT</pubDate>
      <dc:creator><![CDATA[Ben Crowder]]></dc:creator>
      <description><![CDATA[<p>I needed a web app to share pedigree charts with my sister on the other side of the country, so I wrote one. It’s called <a href="http://pedigreechart.appspot.com/">Pedigree</a>, and all I have to do now is fill in the chart online, save it, and send the URL to my sister.</p>
<figure><a href="https://cdn.bencrowder.net/images/2010/03/pedigree1.png" rel="shadowbox"><img src="https://cdn.bencrowder.net/images/2010/03/pedigree1-570x825.png" alt="" title="Pedigree 1" /></a></figure>
<p>Here’s what the pedigree looks like:</p>
<figure><a href="https://cdn.bencrowder.net/images/2010/03/pedigree2.png" rel="shadowbox"><img src="https://cdn.bencrowder.net/images/2010/03/pedigree2-570x293.png" alt="" title="Pedigree 2" /></a></figure>
<p>You can put anything you want in the boxes, actually, which means you can do family pedigree charts that look like this:</p>
<figure><a href="https://cdn.bencrowder.net/images/2010/03/pedigree3.png" rel="shadowbox"><img src="https://cdn.bencrowder.net/images/2010/03/pedigree3-570x355.png" alt="" title="Pedigree 3" /></a></figure>
<p>Or you can make a chart listing each person’s occupation, or their age at death, or whatever else you want. It’s flexible.</p>
<p>Pedigree is still very much a work in progress — you can only do three-generation charts for now, and all pedigree charts are public to anyone who knows the URL, you need a Google Account to sign in, and the code isn’t very beautiful — but it’s a start.</p>
<h3 id="behindthescenes">Behind the scenes</h3>
<p>I took those <a href="https://bencrowder.net/sandbox/beyond/pedigree.html">table-based pedigree charts</a> I worked on a few years ago and wrote a Python program to automatically generate them, then expanded it into a Google App Engine app yesterday.</p>
<p>The Pedigree code is open source and is on <a href="http://github.com/bencrowder/pedigree">Github</a>. If anyone wants to help out, feel free to tackle any of the <a href="http://github.com/bencrowder/pedigree/issues">issues</a> posted there. (I also feel compelled to add that the chart display algorithm isn’t particularly beautiful.)</p>
<p>I do plan to extend it eventually to take JSON or XML input so you can automatically generate a pedigree from another program, rather than having to type it in manually. And I want to come up with a better manual input method.</p><hr class="feed-extra" style="margin-top: 48pt;" /><p class="feed-extra feed-mail"><a href="mailto:ben.crowder@gmail.com?subject=Re%3A%20Pedigree chart sharing">Reply via email</a></p>]]></description>
    </item>
    <item>
      <title>Pedigree chart using HTML5</title>
      <link>https://bencrowder.net/blog/2009/pedigree-chart-using-html5/</link>
      <guid isPermaLink="true">https://bencrowder.net/blog/2009/pedigree-chart-using-html5/</guid>
      <pubDate>Mon, 26 Oct 2009 12:00:00 GMT</pubDate>
      <dc:creator><![CDATA[Ben Crowder]]></dc:creator>
      <description><![CDATA[<p>Here’s a quick <a href="https://bencrowder.net/sandbox/pedigree/">demo of a pedigree chart</a> drawn using HTML5 Canvas:</p>
<figure><a href="https://bencrowder.net/sandbox/pedigree/"><img src="https://cdn.bencrowder.net/images/2009/10/pedchart.png" alt="HTML5 Pedigree Chart" title="HTML5 Pedigree Chart" /></a></figure>
<p>The code was pretty much just thrown together; if I were to use this in an actual app, it’d be much cleaner. And for some reason it doesn’t quite work in Safari 4, so you’ll need to use Firefox 3.5.</p>
<p>As for next steps, I’m going to try to rewrite the demo using <a href="http://processingjs.org/">Processing.js</a>. I’m also planning to extend it to allow panning (so you can have a huge pedigree chart onscreen — some of the Flash-based pedigrees out there do the same thing), and I’m itching to do some kind of genealogy demo ala <a href="http://www.satine.org/archives/2009/07/11/snow-stack-is-here/">Snow Stack</a> (Safari only).</p><hr class="feed-extra" style="margin-top: 48pt;" /><p class="feed-extra feed-mail"><a href="mailto:ben.crowder@gmail.com?subject=Re%3A%20Pedigree chart using HTML5">Reply via email</a></p>]]></description>
    </item>
    
  </channel>
</rss>
