JSFiddle - React, Tailwind, and code Playground

by jrab227

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>

JavaScript

tree = {
    "name": "Saxion",
        "children": [{
        "name": "A&I",
            "children": [{
            "name": "Financien",
                "children": [{
                "name": "Coda",
                    "outputs": [{
                    "name": "Autorisatie",
                        "destinations": [{
                        "dest": "IV/Fac/Bestelweb"
                    }]
                }, {
                    "name": "Boeking",
                        "destinations": [{
                        "dest": "IV/Fac/Bestelweb"
                    }, {
                        "dest": "IV/Fac/Planon"
                    }, {
                        "dest": "A&I/Student/SIS"
                    }]
                }, {
                    "name": "Financien",
                        "destinations": [{
                        "dest": "A&I/MI/Cognos"
                    }]
                }, {
                    "name": "Kostenplaats",
                        "destinations": [{
                        "dest": "A&I/Financien/Sagitta"
                    }, {
                        "dest": "IV/Fac/Bestelweb"
                    }, {
                        "dest": "IV/Fac/Planon"
                    }]
                }, {
                    "name": "Medewerker",
                        "destinations": [{
                        "dest": "A&I/Financien/Sagitta"
                    }]
                }, {
                    "name": "Student",
                        "destinations": [{
                        "dest": "extern/DUO"
                    }]
                }, {
                    "name": "Verplichting",
                        "destinations": [{
                        "dest": "extern/DUO"
                    }]
                }]
            }, {
                "name": "Crescendo",
                    "outputs": [{
                    "name": "Boeking",
                        "destinations": [{
                        "dest":...