Comments (2)
Thanks for the visual. That helps a lot.
Drawing children requires creating a new d3 tree. Each person you want to draw children for needs their own d3 tree. The main issue is that d3 trees are not aware of each other and thus won't adjust their layout like a single d3 tree can do for it's own nodes.
For example, where would you draw the 3 children of Mary August Hickey? There's no room for them.
The easiest way around this is to require that a person be the root node in order to display their descendants. So instead of drawing Joseph's children in place, you move Joseph to the root and redraw the entire pedigree.
You may also consider a simplified form of displaying the children that FamilySearch does as shown in the picture below.
Instead of adding children to the tree they allow the children to be expanded in a list. Clicking on one of the children would allow you to redraw the tree with them at the root.
Does that all make sense? Do you have any other questions?
from d3-pedigree-examples.
Thanks for clarifying my doubts Justin!
Makes sense, so yeah, achieving what I'm trying to do it's gonna be a nightmare. Will look further on the examples you showed!
from d3-pedigree-examples.
Related Issues (19)
- Example with descendants HOT 1
- how to convert this to top to bottom HOT 1
- can i make the elbow function vertical? HOT 1
- Centering the tree in svg by the origin node HOT 4
- Right to left? HOT 2
- Upgrade to d3 version 4.x HOT 4
- How can i make it vertical (top to bottom) rather than horizontal? HOT 7
- Add a vertical pedigree example
- Family siblings HOT 1
- Text wrap issue in transitions.html HOT 1
- Document the data structure used and the reasoning behind it HOT 2
- Long name wrapping into OOP code
- Support for multiple interconnections of different branches? HOT 1
- Showing the full tree HOT 1
- Marriage relationships in pedigree HOT 5
- Missing html tags HOT 2
- How to use IBD relation ship PI_HAt value to plot the pedigree plot HOT 5
- What if a child has 3 step dads HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from d3-pedigree-examples.