Ramiro Aznar ramiroaznar

Hitogram colors added thanks to @IagoLast. UPDATE: this is not working as expected, I recommend using this other approach.

	<!DOCTYPE html>
	<html>
	<head>
	<title>Add legend from metadata \| CARTO</title>
	<meta name="viewport" content="initial-scale=1.0">
	<meta charset="utf-8">
	<!-- Include Leaflet -->
	<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
	<link href="https://unpkg.com/[email protected]/dist/leaflet.css" rel="stylesheet">
	<!-- Include CARTO.js -->

	<!DOCTYPE html>
	<html>
	<head>
	<title>Dropdown + setQuery \| CARTO.js</title>
	<meta name="viewport" content="initial-scale=1.0">
	<meta charset="utf-8">
	<!-- Include jQuery -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<!-- Include Leaflet -->
	<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>

	<!DOCTYPE html>
	<html>
	<head>
	<title>Layer with aggregation \| CARTO.js</title>
	<meta name="viewport" content="initial-scale=1.0">
	<meta charset="utf-8">
	<!-- underscore -->
	<script src="https://fastcdn.org/Underscore.js/1.8.3/underscore-min.js"></script>
	<!-- jquery -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

	<!DOCTYPE html>
	<html>
	<head>
	<title>Buildings 2.5D \| CARTO.js v4</title>
	<meta name="viewport" content="initial-scale=1.0">
	<meta charset="utf-8">
	<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700\|Open+Sans:300,400,600" rel="stylesheet">
	<!-- Include Leaflet -->
	<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
	<link href="https://unpkg.com/[email protected]/dist/leaflet.css" rel="stylesheet">

	<!DOCTYPE html>
	<html>
	<head>
	<title>Feature click + 2 layers \| CARTO.js v4</title>
	<meta name="viewport" content="initial-scale=1.0">
	<meta charset="utf-8">
	<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700\|Open+Sans:300,400,600" rel="stylesheet">
	<!-- Include Leaflet -->
	<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
	<link href="https://unpkg.com/[email protected]/dist/leaflet.css" rel="stylesheet">

	Map {
	-torque-frame-count: 256;
	-torque-animation-duration: 80;
	-torque-time-attribute: "date";
	-torque-aggregation-function: "avg(avail_ratio*100)";
	-torque-resolution: 4;
	-torque-data-aggregation: linear;
	}
	#layer {
	marker-width: 7;