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>
<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>
<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 2021', null, 0, 0],
['Impuestos directos y cotizaciones sociales', 'Ingresos del Estado 2021', 0, 0],
['Impuestos indirectos', 'Ingresos del Estado 2021', 0, 0],
['Tasas y otros ingresos', 'Ingresos del Estado 2021', 0, 0],
['Ingresos medioambientales y energéticos', 'Ingresos del Estado 2021', 0, 0],
['IRPF', 'Impuestos directos y cotizaciones sociales', 66797297800, 0],
['Impuestos sobre el capital', 'Impuestos directos y cotizaciones sociales', 119438680, 0],
['Cotizaciones sociales', 'Impuestos directos y cotizaciones sociales', 1749221510, 0],
['IVA', 'Impuestos indirectos', 36033981000, 0],
['Otros impuestos indirectos', 'Impuestos indirectos', 15445803600, 0],
['Tasas y precios públicos', 'Tasas y otros ingresos', 756735870, 0],
['Ingresos por prestación de servicios', 'Tasas y otros ingresos', 484086100, 0],
['Ingresos patrimoniales, transferencias de capital y otros', 'Tasas y otros ingresos', 32939078670, 0],
['Impuesto sobre la producción de combustible nuclear', 'Ingresos medioambientales y energéticos',...