SVG-FTG is a free program to generate Scalable Vector Graphics (SVG), in combination with HTML, CSS and Javascript, to display interactive family trees on your
website or blog. Unlike normal images, SVG does not go all fuzzy when you zoom in. There are several packaged interactive applications ("apps") that can be optionally run from your tree, and an open framework to develop your own. It supports complete control over layout, thumbnail images, hover text, HTML biographical or historical notes, GEDCOM import and export (5.5.1 and 7.0), scrolling/zooming of individual trees, timeline reports, and linked trees. Optional special effects include custom frames for person-boxes, 3-D trees, and drop-shadows.
The designer is Windows-based but the output is neutral and runs in all modern browsers. NB: the output is non-proprietary, royalty-free, and needs nothing to be installed first; hence, it is ideal for sharing with friends and family.
b. 1833 in Nottingham; Bpt: 20 Jan 1833 at St. Mary's, Nottingham.d. 1910 in Nottingham aged 77. Bur: Church Cemetery, Nottingham., common grave 8123 in St Ann's Valley, on 24 May 1910.
b. 1834 in Maidstone, Kent.d. 1905 in Nottingham.
b. c1833 in Bishops Cleeve, Gloucestershire.
Licensed victualler at Worcester Arms, Worcester St, Cheltenham.
d. 1883 in Cheltenham.
b. 1834 in Tetbury, Gloucestershire.d. 22 Apr 1924 at 59 Norland Rd, Nottingham.
b. 21 Apr 1870 in Nottingham.d. 12 Dec 1950 aged 80. Addr: 33 Young St. Bur: 15 Dec 1950 at Wilford Hill. Gr: G34/51.
b. 1873 in Cheltenham, Gloucestershire.d. 10 Jun 1956 in Nottingham. Bur: 13 Jun 1956 at Wilford Hill. Gr: G34/51.
Married 2 Oct 1858 at Nottingham St Nicholas.
Married 21 Nov 1872 at Gloucester St Catharine.
Married 29 Nov 1891 at Nottingham Emmanuel.
Supported mouse operations in this small example:
Click-and-drag to pan around tree.
Use +/- (or mouse wheel) to zoom in or out.
Click on a person-box or family-circle for biographical details.
Ctrl+click (CMD+click on Mac) on any person-box or family-circle to dismiss biographical details.
Click on sample button in top-right of person-boxes to highlight ancestral links.
Shift+click on button to highlight ancestral person-boxes.
Alt+click (Option+click on Mac) on button to highlight both links and person-boxes.
Ctrl+cick on button to clear any highlighted links or person-boxes.
SVG-FTG can attach predefined or custom interactive applications ("apps") to mouse operations on the person-boxes, thumbnail images, or the family-circles. They can also be attached to optional buttons in any of the corners of the person-boxes. The associated icons can be predefined or custom. As of V6.3, person-boxes can be circular or oval, or three-dimensional rectangles, or have drop-shadows (see associated blog-post).
SVG-FTG has support for web-based image galleries that can be searched for people or places, or combinations thereof, mentioned in your trees. The notes use rich-text and so can include images, scans, and tabbed content. The interactive applications offer considerable scope for power users: those who are capable of adding
a small amount of code to provide their own desired functionality. SVG-FTG also offers several features to help integration with other software, including iframe support and automation.
"Interactive Trees in Blogs Using SVG" (09 May 2017).
Support
There was a dedicated Facebook support group, but it was discontinued on 18 June 2023. The author still accepts communication via the 'Contact form' located in the right margin of the associated blog posts.
Download
The installation kit, PDF documentation, and samples can all be downloaded from the following
Dropbox folder. Please take note of the Installation.pdf document before installing.
Instructional Videos
Several instructional videos are available on the author's YouTube channel.
