JSFiddle - React, Tailwind, and code Playground

by maxibaezpy

HTML

<script src="//d3js.org/d3.v3.min.js"></script>
<body></body>

JavaScript

var jsonData = {
    "name": "flare",
    "children": [{
            "name": "analytics",
            "children": [{
                    "name": "cluster",
                    "children": [{
                            "name": "AgglomerativeCluster",
                            "size": 3938
                        },
                        {
                            "name": "CommunityStructure",
                            "size": 3812
                        },
                        {
                            "name": "HierarchicalCluster",
                            "size": 6714
                        },
                        {
                            "name": "MergeEdge",
                            "size": 743
                        }]
    },
                {
                    "name": "graph",
                    "children": [
                        {
                            "name": "BetweennessCentrality",
                            "size": 3534
                        },
                        {
                            "name": "LinkDistance",
                            "size": 5731
                        },
                        {
                            "name": "MaxFlowMinCut",
                            "size": 7840
                        },
                        {
                            "name": "ShortestPaths",
                            "size": 5914
                        },
                        {
                            "name": "SpanningTree",
                            "size": 3416
                        }
     ]
    },
                {
                    "name": "optimization",
                    "children": [
                        {
                            "name": "AspectRatioBanker",
                            "size": 7074
                        }
     ]
    }
   ]
  },
        {
            "name": "animate",
            "children": [
                {
                    "name":...