Family Chart

Interactive family tree chart built on top of d3.js
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
2. Getting Started
3. Usage
4. Contributing
5. License
6. Contact

About The Project

family-chart is tool for creating and displaying family trees. Although it has many default features, family trees created with this tool are very customizable. This is an ongoing project and any suggestion or request will be appreciated :)

Examples

1. Interactive family tree of all people in wikidata database.

2. Basic tree

Getting Started

1. Visit examples/create-tree
2. Create your family tree
3. Copy/paste generated code for Vanila, Vue or React.
4. Copy/paste family-chart.css
5. Give me some github stars (:

Usage

Static

React

Vue

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE.txt for more information.

Contact

Project Link: https://github.com/donatso/family-chart

(back to top)