D3 has been a blessing in disguise for data visualisation in a front-end world with features provided out of the box. You can build some cool set of visualisations ranging from charts to graphs, and so on.
Some inspiration that I took from are:-
We basically have to divide the component into two sections:
- Logic to create the meaningful data
- JSX for the SVG components
You can find the code blocks in the codesandbox that I have created.
Currently this is for a static data but you can generate the tangled tree with few modifications.
Please let me know your thoughts and also share this article.