Emperor
A script for embedding pedigree charts in web pages (blog posts, etc.). Uses Javascript and requires jQuery. For usage, see the README. Written in 2010.
Links
- Code (GitHub)
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
With dummy data. Note: the CSS is currently a little off here on this site, but it should be fine elsewhere.
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)
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)