JSFiddle - React, Tailwind, and code Playground

by greenpeace

HTML

<!-- ************************* Noticia 6a22 ************************* -->
<!-- https://jsfiddle.net/greenpeace/37cjuneo/ -->

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

<script src="https://storage.googleapis.com/gpes-static/libs/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="viz2022"></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: 427591150,
            valueL: "427.591.150"
        }, {
            color: "#868B86",
            id: "Reconversión e industrialización",
            value: 707073700,
            valueL: "707.073.700"
        }, {
            color: "#868B86",
            id: "Explotación minera",
            value: 14477600,
            valueL: "14.477.600"
        }, {
            color: "#868B86 ",
            id: "Seguridad nuclear",
            value: 46431360,
            valueL: "46.431.360"
        }, {
            color: "#66CC00",
            id: "Desarrollo económico comarcas mineras carbón",
            value: 296549570,
            valueL: "296.549.570"
        }, {
            color: "#66CC00",
            id: "Impulso eficiencia y renovables",
            value: 571982940,
            valueL: "571.982.940"
        }, {
            color: "#868B86",
            id: "Costes del sistema eléctrico",
            value: 3694615000,
            valueL: "3.694.615.000"
        },
        {
            color:...