JSFiddle - React, Tailwind, and code Playground

by Osvaldo

HTML

<!doctype html>

<script src="https://d3plus.org/js/d3plus-hierarchy.v0.6.full.min.js"></script>

<style>
    .tooltip-table {
        width: 100%;
    }

    .tooltip-table .data {
        text-align: right;
    }

    .tooltip-footer {
        opacity: 0.5;
    }

    #viz {
        height: 400px;
    }

</style>

<div id="viz"></div>

<script>
    document.addEventListener("DOMContentLoaded", function(event) {
        var data = [{
                color: "#868B86",
                id: "Varios Industria",
                value: 152620000,
                valueL: "152.620.000"
            },
            {
                color: "#5B4A59",
                id: "Reconversión e industrialización",
                value: 871450000,
                valueL: "871.450.000"
            },
            {
                color: "#7ABD94",
                id: "Explotación minera",
                value: 295690000,
                valueL: "295.690.000"
            },
            {
                color: "#8EE5BB",
                id: "Seguridad nuclear",
                value: 46880000,
                valueL: "46.880.000"
            },
            {
                color: "#D7D5A1",
                id: "Desarrollo alternativo cuencas mineras carbón",
                value: 32200000,
                valueL: "32.200.000"
            },
            {
                color: "#FFA000",
                id: "Movilidad sostenible",
                value: 66600000,
                valueL: "66.600.000"
            },
            {
                color: "#FFC331",
                id: "Impulso Eficiencia y renovables",
                value: 300000000,
                valueL: "300.000.000"
            },
            {
                color: "#FFC4A7",
                id: "Costes del sistema eléctrico",
                value: 3750100000,
                valueL: "3.750.100.000"
            },
            {
                color: "#48B9E5",
                id: "Otros Normativa y Servicios...