<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01">
<html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v6.min.js" charset="utf-8"></script>
<script type="text/javascript" src="./elMapa.js"></script>
<script type="text/javascript" src="./handlers.js"></script>
<link rel="stylesheet" type="text/css" href="./style.css">
<title>Precio de los carburantes</title>
</head>
<body>
<h1>Precios carburantes en España</h1>
<div id = 'selectYear'>
<select id="dropMeses" oninput="handlerSelectMes()">
<option value="./Informes Precios/Enero.csv">Enero</option>
<option value="./Informes Precios/Febrero.csv">Febrero</option>
<option value="./Informes Precios/Marzo.csv">Marzo</option>
<option value="./Informes Precios/Abril.csv">Abril</option>
<option value="./Informes Precios/Mayo.csv">Mayo</option>
<option value="./Informes Precios/Junio.csv">Junio</option>
<option value="./Informes Precios/Julio.csv">Julio</option>
<option value="./Informes Precios/Agosto.csv">Agosto</option>
<option value="./Informes Precios/Septiembre.csv">Septiembre</option>
</select>
</div>
<div id="contenedorPrincipal">
<div id= 'mapa'></div>
<div id = "infoResumen"></div>
<div id="variablesLeyenda">
<div id = 'selectVar'>
<select name="selectVarList" id="vars" onchange="handlerListaCarb()" value="gasolina">
<option value="gasolina">Gasolina 95</option>
<option value="gasoil">Gasóleo A</option>
</select>
</div>
<div id ='leyenda'></div>
</div>
</div>
<script>
// Rutas de datos
const MAP_DATA = "./spain-provinces.json";
var data_mes = "./Informes Precios/Enero.csv";
// Estado inicial
plotCyL("./Informes Precios/Enero.csv", "gasolina");
</script>
<footer id="footer">
<p> Proyecto de Jorge Villanueva Sanz · 2022/2023 · Diseño y Evaluación de Sistemas Interactivos<p>
<p><a
href="https://gitlab.inf.uva.es/jorvill/preciocarburantes">Gitlab con el Proyecto</a>
</footer>
</body>
</html>