Git Product home page Git Product logo

familytree-sunburst's Introduction

familytree-sunburst

Forked by [email protected]

Produce a family treee display, from a GEDCOM file, which can be viewed/zoomed/hovered in a web browser.

example as image

The display is based on the D3.js Zoomable Sunburst: https://bl.ocks.org/vasturiano/12da9071095fbd4df434e60d52d2d58d Circle sections are clickable to zoom into that section and descendants. Clicking on the center of circle will zoom out.

In the produced family tree diagram, person details are shown when the mouse hovers over a circle section.

The included program "read-ged.py" requires Python3 to convert a GED file to the JSON format which is read by the Javascript display tool. The examples use the name family.json for the converted filename, but any name may be used so long as the name matches the name used in the HTML file.

To produce the output file you must supply the ID from the GED file for the person you wish to use as the "start" of the display.

The included read-ged.py program can produce info about a GED file:

To get a listing of all the names in the file, with the GED id as the first item on each line:

 read-ged.py  family.ged   list

To list only the persons which don't have any parents in the file:

 read-ged.py  family.ged   noparents

To get a count of the maxium number of generations for each person, with the count as the first item on each line:

 read-ged.py  family.ged  generations

Using those outputs to determine the ID of the "start" person. Output a JSON format file, ready for the visualization:

 read-ged.py  family.ged  json  person-ged-id > family.json

familytree-sunburst's People

Contributors

arnoldkopoka avatar asiboro avatar johnandrea avatar

Forkers

arnoldkopoka

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.