JSFiddle - React, Tailwind, and code Playground

by greenpeace

HTML

<script src="https://cdn.jsdelivr.net/npm/chart.js@2.7.2/dist/Chart.bundle.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-deferred@1.0.1" defer></script>
<style>
  .chart-container p {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    text-align: center;
    margin: 0;
    padding-bottom: 1%;
  }
  .footer p{
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size:13px;
    text-align: left;
    margin-top: -5%;
  
  }
</style>
<div class="chart-container" style="position: relative; height:auto; width:100%">
 <p>
    <small>Plan España Puede (2021-2023)</small>
  </p>
<p>
    Valoración de las inversiones previstas para la transición ecológica
  </p>
    <canvas id="pie_chart_1" width="350" height="200"></canvas>
</div>

<script>
    document.addEventListener("DOMContentLoaded", function(event) {
        var ctx = document.getElementById("pie_chart_1").getContext("2d");
        var pie_chart_1 = new Chart(ctx, {
                type: 'pie',
                data: {
                    datasets: [{
                        data: [
                           50, 50
                        ],
                        backgroundColor: [
                            'rgba(142, 229, 187, 1)',
                            'rgba(215, 213, 161, 1)'
                           
                        ],
                        label: 'Dataset 1'
                    }],
                    labels: [
                       'Dinero destinado a grandes empresas', 'Dinero destinado al resto de tejido económico'  

                    ]
                },
                options: {
                    circumference: 2 * Math.PI,
                    rotation: -0.5 * Math.PI,
                    title: {
                        display: false,
                        text: 'Adjudicación de las inversiones para la transición ecológica',
                        fontSize: 16,
                        fontFamily:...