JSFiddle - React, Tailwind, and code Playground

by greenpeace

HTML

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js" defer></script>
<link rel="stylesheet" href="https://storage.googleapis.com/gpes-static/informe-carbon/estilos_emisiones_descargas.css" />

<h2 class="topTitlePiece">CENTRALES TÉRMICAS Y PUERTOS DE DESCARGA DE CARBÓN</h2>
<h3 id="tituloGraficoEmisiones">Relación entre emisiones de gases de efecto invernadero y puertos de descarga de carbón.</h3>
<div id="mapaEspana" style="width: 100%; height: 500px;"></div>
<div class="dataInfo"><small>Fuente: Datacomex</small></div>
<p><button id="emisionesCentral" type="button">Emisiones</button> &nbsp; <button id="valorDescargaPuerto" type="button">Descargas</button></p>
<!-- CÓDIGO FUENTE Y DATOS: mapa_emisiones_descargas.js -->
<script src="https://storage.googleapis.com/gpes-static/informe-carbon/mapa_emisiones_descargas.js" defer></script>