A D3-based library for visualizing data trees with multiple parents, such as family trees.
dTree is a JavaScript library for visualizing data trees that support multiple parents, such as family trees or organizational charts. It is built on top of D3.js and provides tools to render complex hierarchical relationships with interactive features like zooming and customizable nodes. The library solves the problem of displaying non-binary tree structures where nodes can have more than one parent.
Developers and data visualization engineers who need to create interactive family trees, genealogical charts, or any hierarchical data visualization with multiple parental relationships.
Developers choose dTree because it extends D3's capabilities specifically for multi-parent tree visualizations, offers extensive customization through callbacks, and provides built-in interactivity like zooming and node navigation out of the box.
A library for visualizing data trees with multiple parents, such as family trees. Built on top of D3.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Specifically designed for trees where nodes can have multiple parents, making it ideal for accurate family tree or organizational chart visualizations, as highlighted in the features.
Offers callbacks like nodeRenderer and textRenderer, allowing developers to fully control visual output, as demonstrated in the callbacks section with examples for overriding defaults.
Includes functions such as zoomToNode and zoomToFit for easy navigation of large trees, reducing the need for additional code to handle user interactions.
Uses a JSON format with nodes, marriages, and children, enabling representation of complex relationships without rigid constraints, as shown in the usage examples.
Requires D3 v4.x and lodash v4.x as dependencies, adding significant bundle size and potential version compatibility issues, which the README explicitly lists as requirements.
Needs manual CSS styling and JavaScript callback implementation for basic functionality, making it less plug-and-play compared to more opinionated visualization libraries.
Extensive callback system and D3 integration require developers to invest time in understanding both libraries, which can be overwhelming for simple tree visualizations.