family-chart v0.0.0-beta-1

Family tree chart built on top of d3.

Demo

Install

With npm

npm i family-chart

With Yarn

yarn add family-chart

With script tag

<script src="https://unpkg.com/d3@6"></script>
<script src="https://unpkg.com/family-chart"></script>

Data creation

Visit create-tree and create your family tree. After creation copy json from textarea and use it for examples below.

Usages

Static

Demo

React

Demo

Vue

Demo