JSFiddle - React, Tailwind, and code Playground
by greenpeace
HTML
<!-- ************************* BEGIN MEDIA 3 ************************* -->
<script src="https://www.gstatic.com/charts/loader.js"></script>
<script>
google.charts.load('current', {
'packages': ['treemap'],
language: 'es'
});
</script>
<style>
.fuente {
font-family: "Work Sans", sans-serif;
font-weight:400;
font-size:14px;
color:gray;
text-align: left;
margin: 0;
}
</style>
<div id="chart_div" style="width: 100%; height: 400px;"></div>
<p><small>Haz clic para ver con más detalle y right-click para ver general</small></p>
<div class="fuente">
<p>
Fuente: Presupuestos Generales del Estado 2023.</p>
</div>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Location', 'Parent', 'Importe (tamaño)', '(color)'],
['Ingresos del Estado 2023', null, 0, 0],
['Impuestos directos y cotizaciones sociales', 'Ingresos del Estado 2023', 0, 0],
['Impuestos indirectos', 'Ingresos del Estado 2023', 0, 0],
['Tasas y otros ingresos', 'Ingresos del Estado 2023', 0, 0],
['Ingresos medioambientales y energéticos', 'Ingresos del Estado 2023', 0, 0],
['IRPF', 'Impuestos directos y cotizaciones sociales', 82829187100, 0],
['Impuestos sobre el capital', 'Impuestos directos y cotizaciones sociales',196347920, 0],
['Cotizaciones sociales', 'Impuestos directos y cotizaciones sociales', 1950000000, 0],
['IVA', 'Impuestos indirectos', 42491466530, 0],
['Otros impuestos indirectos', 'Impuestos indirectos', 9463973410, 0],
['Tasas y precios públicos', 'Tasas y otros ingresos', 773793790, 0],
['Ingresos por prestación de servicios', 'Tasas y otros ingresos',...