react-family-chart

[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]

Table of Contents

1. 
   About The Project
   


2. 
   Getting Started
   


3. Usage


4. Contributing


5. License


6. Contact

About The Project

[![Product Name Screen Shot][product-screenshot]](https://donatso.github.io/family-chart-doc/wiki-tree/?wiki_id=Q43274)

Family Chart is a powerful D3.js-based visualization library for creating beautiful, interactive family trees. The library offers:

- Example-based Learning: Explore pre-built examples and customize them to match your needs
- Create from Scratch: Build your family tree from the ground up with an intuitive interface
- Full Customization: Complete control over your tree's structure and styling
- Interactive Features: Built-in interactivity for engaging user experience

Examples

$3

Explore our interactive family tree viewer that connects to the WikiData database, allowing you to visualize family relationships for millions of historical figures and notable people. Simply enter a WikiData ID to generate a complete family tree.

[![WikiData Family Tree Example][product-wiki-tree-screenshot]](https://donatso.github.io/family-chart-doc/wiki-tree/?wiki_id=Q43274)

Try it with:
- British Royal Family (Q43274)
- Albert Einstein (Q937)
- Leonardo da Vinci (Q762)

$3

A simple example showing how to create a custom family tree from scratch. This demo features Aristotle's family tree with basic styling and interactions.

[![Basic Family Tree Example][product-basic-tree-screenshot]](https://donatso.github.io/family-chart-doc/examples/2-basic-tree-aristotle)

Getting Started

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

Usage

$3

$3

$3

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)

[contributors-shield]: https://img.shields.io/github/contributors/donatso/family-chart.svg?style=for-the-badge
[contributors-url]: https://github.com/donatso/family-chart/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/donatso/family-chart.svg?style=for-the-badge
[forks-url]: https://github.com/donatso/family-chart/network/members
[stars-shield]: https://img.shields.io/github/stars/donatso/family-chart.svg?style=for-the-badge
[stars-url]: https://github.com/donatso/family-chart/stargazers
[issues-shield]: https://img.shields.io/github/issues/donatso/family-chart.svg?style=for-the-badge
[issues-url]: https://github.com/donatso/family-chart/issues
[license-shield]: https://img.shields.io/github/license/donatso/family-chart.svg?style=for-the-badge
[license-url]: https://github.com/donatso/family-chart/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/donat-sorić-342a92161
[product-screenshot]: https://user-images.githubusercontent.com/26413530/143689335-7cbcd4e8-ff6c-4657-8d9d-ce6f9de3aa1e.png
[product-basic-tree-screenshot]: https://user-images.githubusercontent.com/26413530/143689330-19d07f09-a127-45d9-b664-68207873caa4.png
[product-wiki-tree-screenshot]: https://user-images.githubusercontent.com/26413530/143689337-e810d7ad-fefe-4edd-a7e1-0499bfc40abf.png