{"repo":"bkrem/react-d3-tree","free":true,"listed":false,"github":"https://github.com/bkrem/react-d3-tree","clone":"git clone https://github.com/bkrem/react-d3-tree.git","description":":deciduous_tree: React component to create interactive D3 tree graphs","language":"JavaScript","stars":1197,"topics":["react","d3","graph","tree","svg","hierarchical-data","hierarchy","d3-visualization","chart","tree-graphs"],"license":"MIT","category":"ui-components","readme_excerpt":"React D3 Tree 👾 Playground 📖 API Documentation (v3) React D3 Tree is a React component that lets you represent hierarchical data (e.g. family trees, org charts, file directories) as an interactive tree graph with minimal setup, by leveraging D3's tree layout. Upgrading from v1? Check out the v2 release notes. Legacy v1 docs Contents - Installation - Usage - Props - Working with the default Tree - Providing data - Styling Nodes - Styling Links - Event Handlers - Customizing the Tree - renderCustomNodeElement - pathFunc - Providing your own pathFunc - Development - Setup - Hot reloading - Contributors Installation Usage Props For details on all props accepted by Tree , check out the TreeProps reference docs. The only required prop is data, all other props on Tree are optional/pre-defined (see \"Default value\" on each prop definition). Working with the default Tree react-d3-tree provides default implementations for Tree 's nodes & links, which are intended to get you up & running with a working tree quickly. This section is focused on explaining how to provide data, styles and event handlers for the default Tree implementation . Need more fine-grained control over how nodes & links appear/behave? Check out the Customizing the Tree section below. Providing data By default, Tree expects each node object in data to implement the RawNodeDatum interface: The orgChart example in the Usage section above is an example of this: - Every node has at least a name . This is rendered as the ","default_branch":null,"files":null,"tree":[],"storefront":"/r/bkrem","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/bkrem/react-d3-tree/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}