JSFiddle - React, Tailwind, and code Playground

by chrisJamesC

HTML

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

JavaScript

var data = [
        { "dep": "d1", "name": "name2", "size": "size1" },
        { "dep": "d1", "name": "name2", "size": "size2" },
        { "dep": "d2", "name": "name1"},
        { "dep": "d2"}
    ]
    
    var newData = {
        "name":"root", 
        "children": 
            d3.nest()
                .key(function(d){ return d.dep})
                .key(function(d){return d.name})
                .entries(data)
    }
    
    $("body").text(JSON.stringify(newData))