The goal of the project is to create the complete family tree for the Rurik dynasty (Rurikids) who ruled the lands of Rus from 862 until 1598. This family tree currently contains 837 nodes.
The animation is in Russian but it is translated on the actual web page lisakov.com/en/projects/tree.
Konstantin Malanchev: lead programmer, a very good man;
Sergey Lisakov: idea, design, data, dull coding, make a very good man work.
The D3.js collapsible tree template is used.
The file source.data contains the list of the dynasty members. One tab (4 spaces) corresponds to the 1st generation, 2 tabs (8 spaces) to the 2nd generation, etc.
json_gen.py reads source.data file and produce tree.json which is used by dndTree.js.
- «Show all» and «hide all» buttons
- Choose how many generations are showed by the click (1–20)
- Choose the number of displayed generations on the page load
- Pop-ups with the info about a person on mouse hover (β-version, currently it only shows the date of birth and death for first 5 generations).
- Place the tree on the page load at certain coordinates
- Stylish pop-up windows on mouse hover
- List of all princes. Availability to select one or several princes from the list and to highlight it in the tree. Display as few as possible branches showing selected princes.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent