Family Tree

Family Tree

I have been researching my genealogy for many years and wanted a means of sharing my research with my extended family in a concise family tree.

To support this I developed my family tree web site. The site has evolved over the years and had numerous rewrites.

Family Tree – Tree view with siblings and facts

The current version is implemented using React.js and has the following features:

  • Tree view of ancestry
  • Drag and scroll
  • Siblings popup for ancestors
  • Fact box for ancestors
  • Document image viewer
  • Search by name
  • Analysis view of coverage
  • Analysis view of name frequency
  • Analysis view of origin locations
Family Tree – Document image viewer

Implementation details:

  • React.js user interface
  • Redux state management
  • Jest tests
  • Bootstrap
  • Webpack deployment
  • ES6 Javascript
  • D3 maps and charts
Family Tree – Analysis View

A demonstration version of the family tree is available at react-demo.cmatts.co.uk