JSFiddle - React, Tailwind, and code Playground

by greenpeace

HTML

<!-- https://jsfiddle.net/greenpeace/ozsxpyg9/ -->
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.1/dist/Chart.bundle.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-deferred@1.0.1" defer></script>
<p style="text-align: center;"><strong>Esfuerzo de inversión pública adicional requerida para Darle la vuelta al sistema (2021-2024). 
</strong></p>
<div class="chart-container" style="position: relative; height:auto; width:100%">
    <canvas id="publico_privado" width="350" height="250"></canvas>
</div>
<script>
    document.addEventListener("DOMContentLoaded", function(event) {
        var ctx = document.getElementById("publico_privado").getContext("2d");
        var publico_privado = new Chart(ctx, {
                type: 'pie',
                data: {
                    datasets: [{
                            data: [
                                2506960000,
                                18586408191,
                                7280458629,
                                5534173158,
                                4197790717,
                                3431581996,
                                1200000,
                                2563714286
                            ],
                            backgroundColor: [
                                'rgba(134, 139, 134, 0.85)',
                                'rgba(91, 74, 89, 0.85)',
                                'rgba(122, 189, 148, 0.85)',
                                'rgba(195, 224, 166, 0.85)',
                                'rgba(215, 213, 161, 0.85)',
                                'rgba(218,241,250, 0.85)',
                                'rgba(255, 225, 159, 0.85)',
                                'rgba(253, 246, 178, 0.85)'
                            ],
                            label: 'Dataset 1'
                        },
                    ],
                    labels: [
                        'Sistema energético',
              ...