Giter VIP home page Giter VIP logo

lineage's Introduction

lineage

Family Tree Data Expression Engine

See a live demo at http://www.bengarvey.com/lineage

Running locally

You can run this locally by running python3 -m http.server 8000 from a terminal or running the following commands

npm install
npm install connect
npm install serve-static

And then every time after that running node server.js

Configuration

All configuration is done in the config.json file. This is what its keys do:

data

Points to the JSON-file containing your data. Per default, this points to the example file located at data/familyData.json.

filter

In the web view's menu bar you can filter for specific names using the provided input field. This key allows you to set an initial filter which will be active when the web view is freshly loaded.

startYear

StartYear

endYear

EndYear

speed

How many milliseconds does one year take when you hit the "Play" button? Default value is 100 which makes 10 years pass per second (100ms = 1/10th of a second).

menuDefaultOpen

If this is set to true, the menu is instantly opened when the web view is loaded. Defaults to true.

debug

This key is irrelevant to the observable behavior of lineage and only affects the logging which happens in the background.

showDead

If this is false, only people who are alive at the time of the currently active year are shown in the graphs. If it's true, everybody who has been born at this time (regardless of death date) is shown.

Notes

  • For viewing large datasets, it may help to zoom out your browser
  • If you lose the ui, move your mouse to the edge of the screen at the top left
  • To run the demo in play mode, just press play and watch the years tick by
  • To hear the music, check the music checkbox and press play
  • To see the full dataset in the demo, remove all the names from the search / filter box

Upcoming features / ToDo

  • Move to D3v7?

lineage's People

Contributors

bengarvey avatar reds1736 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

lineage's Issues

Fix force simulation settings

Lineage v1 had better default force directed layout settings that made the graph easier to read. recreate those in v2.

Unicode character problem

Awesome repo !

I just discovered it yesterday, and I want to play with it.

I tried the default data from the repository, but when displaying, I got this :

Untitled

I believe it come from the accent : Padmé

But I don't really know how to fix it..

Small how-to for dummys

Hi,

This looks really nice. We just had a family-conference and updated our family tree. So I would like to use it. It is my first time with coffeescript and js. I tried my best (compiling coffees into js) but did not get any result, even with the csv2json thing.

Could you please write a small tutorial how to use it? Would be so happy

thanks in advance
OVH

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.