JSFiddle - React, Tailwind, and code Playground

by greenpeace

HTML

<!-- ************************* Noticia 6a21 ************************* -->

<p><strong>Presupuesto para políticas de gasto de Industria y Energía 2021</strong></p>

<script src="https://d3plus.org/js/d3plus-hierarchy.v0.6.full.min.js" defer></script>
<style>
    #viz {
        height: 500px;
    }

    .d3plus-viz-legend {
        display: none;
    }

    .GraphGood {
        color: #66cc00;
    }

    .GraphNeutral {
        color: #868B86;
    }

</style>
<div id="viz"></div>
<div style="margin-bottom: 1em;">
    <span class="GraphGood">&block;</span> Partidas presupuestarias para la transición energética<br />
    <span class="GraphNeutral">&block;</span> Resto de partidas presupuestarias

</div>
<script>
    document.addEventListener("DOMContentLoaded", function(event) {
        var data = [{
            color: "#868B86",
            id: "Varios Industria",
            value: 325926000,
            valueL: "325.926.000"
        }, {
            color: "#868B86",
            id: "Reconversión e industrialización",
            value: 664560000,
            valueL: "664.560.000"
        }, {
            color: "#868B86",
            id: "Explotación minera",
            value: 14300000,
            valueL: "14.300.000"
        }, {
            color: "#868B86 ",
            id: "Seguridad nuclear",
            value: 46030000,
            valueL: "4.6030.000"
        }, {
            color: "#66CC00",
            id: "Desarrollo económico cuencas mineras carbón",
            value: 285110000,
            valueL: "28.5110.000"
        }, {
            color: "#66CC00",
            id: "Movilidad sostenible",
            value: 63843000,
            valueL: "6.3843.000"
        }, {
            color: "#66CC00",
            id: "Impulso Eficiencia y renovables",
            value: 38316130,
            valueL: "38.316.130"
        },
        {
            color: "#66CC00",
            id: "Fondos de Industria y Energía",
            value: 232800000,
           ...