Emperor

A script for embedding pedigree charts in web pages (blog posts, etc.). Uses Javascript and requires jQuery. For usage, see the README.

Code

http://github.com/bencrowder/emperor

Notes

  • I’ve tested it in Chrome, Safari, and Firefox.
  • Using HTML tables probably isn’t the most ideal or semantic way to represent pedigree charts in HTML, so I’m open to better ways of doing this. (I’ve thought about adding Canvas support, and that’ll probably happen, but I don’t think it’s ideal either — you can’t use CSS to style the chart, for example.)
  • Since the parsing takes place via Javascript, pedigree charts show up ugly in feed readers. There’s not really anything we can do about that.

Live Demo

This is all dummy data, by the way.

Two-generation

= John Doe | b. 1850 == Father: Richard Doe | b. 1820 == Mother: Maria Taylor | b. 1825

Three-generation

= Samuel Smith | 1823–1825 == Nicholas Smith | 1800–1824 === Frederick Smith | 1773–1812 === Annabelle Hansen | b. 1770s? == Irene Yolen | 1825–? === Grandmother: Caroline Eastman | 1801–1899

Family pedigree

= Mark Goldman &
Evelyn Washburn | Jackie (b. 1935) == Stephen Goldman &
Anne Rhys | Gary (b. 1899) | Ned (b. 1902) | Maggie (b. 1903) | Tanner (b. 1903) | Richard Goldman (b. 1908) | Mark Goldman (b. 1913) == Robert Washburn &
Zanny Holdmann | Evelyn (b. 1915) | Lawrence (b. 1917)