Skip to content

Instantly share code, notes, and snippets.

@jorgeas80
Last active August 29, 2015 14:12
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jorgeas80/3c090d0fdcc7482c5a3f to your computer and use it in GitHub Desktop.
Save jorgeas80/3c090d0fdcc7482c5a3f to your computer and use it in GitHub Desktop.
Articulo de Yorokobu CartoDB-ficado
<!doctype><html><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Odyssey.js Slides</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="http://cartodb.github.io/odyssey.js/sandbox/favicon.png">
<link rel="icon" type="image/png" href="http://cartodb.github.io/odyssey.js/sandbox/favicon.png">
<link rel="stylesheet" href="http://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/themes/css/cartodb.css">
<link rel="stylesheet" href="http://cartodb.github.io/odyssey.js/sandbox/css/slides.css">
<script src="http://cartodb.github.io/odyssey.js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
<div id="map" style="width: 100%; height: 100%;"></div>
<div id="slides_container" style="display:block;">
<div id="dots"></div>
<div id="slides"></div>
<ul id="navButtons">
<li><a class="prev"></a></li>
<li><a class="next"></a></li>
</ul>
</div>
<div id="credits">
<span class="title" id="title">Title</span>
<span class="author"><strong id="author">By Name using</strong> <a href="http://cartodb.github.io/odyssey.js/">Odyssey.js</a><span>
</span></span></div>
<script src="http://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/cartodb.js"></script>
<script src="http://cartodb.github.io/odyssey.js/dist/odyssey.js" charset="UTF-8"></script>
<script>
var resizePID;
function clearResize() {
clearTimeout(resizePID);
resizePID = setTimeout(function() { adjustSlides(); }, 100);
}
if (!window.addEventListener) {
window.attachEvent("resize", function load(event) {
clearResize();
});
} else {
window.addEventListener("resize", function load(event) {
clearResize();
});
}
function adjustSlides() {
var container = document.getElementById("slides_container"),
slide = document.querySelectorAll('.selected_slide')[0];
if (slide) {
if (slide.offsetHeight+169+40+80 >= window.innerHeight) {
container.style.bottom = "80px";
var h = container.offsetHeight;
slide.style.height = h-169+"px";
slide.classList.add("scrolled");
} else {
container.style.bottom = "auto";
container.style.minHeight = "0";
slide.style.height = "auto";
slide.classList.remove("scrolled");
}
}
}
var resizeAction = O.Action(function() {
function imageLoaded() {
counter--;
if (counter === 0) {
adjustSlides();
}
}
var images = $('img');
var counter = images.length;
images.each(function() {
if (this.complete) {
imageLoaded.call( this );
} else {
$(this).one('load', imageLoaded);
}
});
});
function click(el) {
var element = O.Core.getElement(el);
var t = O.Trigger();
// TODO: clean properly
function click() {
t.trigger();
}
if (element) element.onclick = click;
return t;
}
O.Template({
init: function() {
var seq = O.Triggers.Sequential();
var baseurl = this.baseurl = 'http://{s}.api.cartocdn.com/base-light/{z}/{x}/{y}.png';
var map = this.map = L.map('map').setView([0, 0.0], 4);
var basemap = this.basemap = L.tileLayer(baseurl, {
attribution: 'data OSM - map CartoDB'
}).addTo(map);
// enanle keys to move
O.Keys().on('map').left().then(seq.prev, seq)
O.Keys().on('map').right().then(seq.next, seq)
click(document.querySelectorAll('.next')).then(seq.next, seq)
click(document.querySelectorAll('.prev')).then(seq.prev, seq)
var slides = O.Actions.Slides('slides');
var story = O.Story()
this.story = story;
this.seq = seq;
this.slides = slides;
this.progress = O.UI.DotProgress('dots').count(0);
},
update: function(actions) {
var self = this;
if (!actions.length) return;
this.story.clear();
if (this.baseurl && (this.baseurl !== actions.global.baseurl)) {
this.baseurl = actions.global.baseurl || 'http://0.api.cartocdn.com/base-light/{z}/{x}/{y}.png';
this.basemap.setUrl(this.baseurl);
}
if (this.cartoDBLayer && ("http://"+self.cartoDBLayer.options.user_name+".cartodb.com/api/v2/viz/"+self.cartoDBLayer.options.layer_definition.stat_tag+"/viz.json" !== actions.global.vizjson)) {
this.map.removeLayer(this.cartoDBLayer);
this.cartoDBLayer = null;
this.created = false;
}
if (actions.global.vizjson && !this.cartoDBLayer) {
if (!this.created) { // sendCode debounce < vis loader
cdb.vis.Loader.get(actions.global.vizjson, function(vizjson) {
self.map.fitBounds(vizjson.bounds);
cartodb.createLayer(self.map, vizjson)
.done(function(layer) {
self.cartoDBLayer = layer;
var sublayer = layer.getSubLayer(0),
layer_name = layer.layers[0].options.layer_name,
filter = actions.global.cartodb_filter ? " WHERE "+actions.global.cartodb_filter : "";
sublayer.setSQL("SELECT * FROM "+layer_name+filter)
self.map.addLayer(layer);
self._resetActions(actions);
}).on('error', function(err) {
console.log("some error occurred: " + err);
});
});
this.created = true;
}
return;
}
this._resetActions(actions);
},
_resetActions: function(actions) {
// update footer title and author
var title_ = actions.global.title === undefined ? '' : actions.global.title,
author_ = actions.global.author === undefined ? 'Using' : 'By '+actions.global.author+' using';
document.getElementById('title').innerHTML = title_;
document.getElementById('author').innerHTML = author_;
document.title = title_ + " | " + author_ +' Odyssey.js';
var sl = actions;
document.getElementById('slides').innerHTML = ''
this.progress.count(sl.length);
// create new story
for(var i = 0; i < sl.length; ++i) {
var slide = sl[i];
var tmpl = "<div class='slide' style='diplay:none'>";
tmpl += slide.html();
tmpl += "</div>";
document.getElementById('slides').innerHTML += tmpl;
this.progress.step(i).then(this.seq.step(i), this.seq)
var actions = O.Parallel(
this.slides.activate(i),
slide(this),
this.progress.activate(i),
resizeAction
);
actions.on("finish.app", function() {
adjustSlides();
});
this.story.addState(
this.seq.step(i),
actions
)
}
this.story.go(this.seq.current());
},
changeSlide: function(n) {
this.seq.current(n);
}
});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-20934186-21', 'cartodb.github.io');
ga('send', 'pageview');
</script>
<script type="text/javascript" src="http://fast.fonts.net/jsapi/3af16084-ba56-49ca-b37d-0b49b59e1927.js"></script>
<script id="md_template" type="text/template">```
-baseurl: "http://{s}.tile.stamen.com/watercolor/{z}/{x}/{y}.jpg"
-title: "Estos son los cinco lugares más estratégicos para el futuro de la Humanidad"
-author: "Iñaki Berazaluce, CartoDB-ficado por Jorge Arévalo"
```
#Agua. Acuífero Guaraní
```
- center: [-22.253513, -53.261719]
- zoom: 4
L.marker([-22.253513, -53.261719]).actions.addRemove(S.map)
```
##Brasil, Paraguay, Uruguay y Argentina
**Quién lo explota:** Los respectivos estados y alguna empresa
**Reservas:** 30.000 kilómetros cúbicos (3 por 1.000 del [agua potable](http://www.cartafinanciera.com/tendencia-actual/los-10-paises-con-mas-reservas-de-agua-del-mundo/) del mundo)
**«Reservas» mundiales:** 11 millones de kilómetros cúbicos ([USGS](http://water.usgs.gov/edu/earthwherewater.html))
Al contrario que el petróleo, el agua sí es un recurso renovable (estamos bebiendo el mismo agua desde que el mundo es mundo), pero al contrario que aquel, esta sí es esencial para la vida, la nuestra y la del ecosistema. El acuífero guaraní es la mayor reserva de agua dulce del planeta y, por un capricho de la geografía, está ubicado en una de las zonas menos densamente pobladas del mismo. En otras palabras, los 30.000 trillones de litros de agua que alberga no son «exportables».
Los ciudadanos de 500 ciudades brasileñas (el 80 % del acuífero está bajo tierras brasileñas) se duchan cada día de esta agua que empezó a almacenarse cuando África y América aún estaban unidas felizmente en Pangea. La empresa estatal argentina [AMSE](http://www.semanariotrincheras.com.ar/news/due-amp-ntilde-os-del-agua.html) ha sido la primera en embotellar y comercializar el preciado líquido bajo la marca Agua de Misiones.
![Imagen: Visitemos misiones](http://cdn6.yorokobu.es/wp-content/uploads/aquiferoguarani1.jpg)
#Fosfatos. Mina de Fos Bucraa
```
- center: [26.318037, -12.848511]
- zoom: 5
L.marker([26.318037, -12.848511]).actions.addRemove(S.map)
```
##Territorios ocupados del Sáhara Occidental
**Quién los explota:** Office Cherifien des Phosphates (empresa propiedad [del rey de Marruecos](http://www.yorokobu.es/por-que-el-agotamiento-del-fosforo-deberia-preocuparte/))
**Reservas:** [1.700 millones de toneladas](http://www.caffereggio.net/2010/11/21/el-sentido-estrategico-de-bucraa-de-jose-antonio-espi-en-mercados-de-el-mundo/) (de 62,5 %; 7.000 millones de toneladas métricas)
**Reservas mundiales:** 67.000 millones de toneladas métricas ([USGS](http://minerals.usgs.gov/minerals/pubs/commodity/phosphate_rock/mcs-2014-phosp.pdf), Servicio Geológico de EE UU)
«El fósforo es, sin duda, el recurso mineral más crítico del planeta» – explica Alicia Valero, investigadora del Centro de Investigación de Recursos y Consumos Energéticos ([CIRCE](http://www.fcirce.es/)), de Zaragoza-. «Y el motivo es porque la agricultura depende casi enteramente del fósforo como fertilizante y, sobre todo, no existe un sustituto para el fósforo». Este carácter irreemplazable explica por sí solo la importancia estratégica de la mina de Fos Bucraa; la determinante posición de fuerza de Marruecos como primer exportador mundial de fosfatos (el primer productor es China pero, con muy buen criterio, ha restringido la exportación del mineral) y, en términos geopolíticos, [la invasión del Sáhara Occidental](http://www.yorokobu.es/por-que-el-agotamiento-del-fosforo-deberia-preocuparte/) en 1975.
![Imagen: Vista satélite de la cinta transportadora que lleva el mineral desde Bou Craa al puerto de El Aiún.](http://cdn5.yorokobu.es/wp-content/uploads/fos-bucraa.jpg)
Vista satélite de la cinta transportadora que lleva el mineral desde Bou Craa al puerto de El Aiún.
#Petróleo. Campo de Ghawar
```
- center: [25.43, 49.62]
- zoom: 5
L.marker([25.43, 49.62]).actions.addRemove(S.map)
```
##Arabia Saudita
**Quién lo explota**: Saudi Aramco
**Reservas**: 70.000 millones de barriles (4,2 % de las reservas mundiales)
**Reservas mundiales**: 1,7 billones de barriles (anuario estadístico [BP](http://elpetroleo.aop.es/Default.aspx?Page=4.%20Reservas%20mundiales.%20Producci%C3%B3n%20y%20duraci%C3%B3n&AspxAutoDetectCookieSupport=1) ).
Que se acaba el petróleo lo sabemos desde [los tiempos de Josele](https://www.youtube.com/watch?v=2vIg2dkL6nE). Pero ahora [va en serio](http://crashoil.blogspot.com.es/2014/12/el-ocaso-del-petroleo-edicion-de-2014.html). Arabia Saudí es, tras Venezuela, el segundo país con [mayores reservas probadas del mundo](http://es.wikipedia.org/wiki/Reservas_de_petr%C3%B3leo_en_Arabia_Saudita), y una porción sustancial de sus reservas están en el subsuelo del gigantesco [Campo de Ghawar](http://yorokobu.es/mondo-decreciente/tras%20Venezuela). Con una extensión similar a la de Aragón, Ghawar aún tiene enterrados 70.000 millones de barriles, suficientes para saciar la voracidad del planeta durante dos años al [ritmo actual](http://www.expansion.com/2013/02/14/empresas/energia/1360862927.html)… aunque estos datos hay que cogerlos con pinzas porque: 1. Es probable que estas reservas estén hinchadas por motivos geoestratégicos; y 2. Una parte sustancial de las reservas nunca serán extraídas: el coste energético de su extracción superará al obtenido.
![Imagen: 2b1stconsulting](http://cdn6.yorokobu.es/wp-content/uploads/Saudi_Arabia_Qusaiba_South-Ghawar_Shale_Gas_Gas-Central-Processing-Facilities_Map.jpg)
#Tierras raras. Mina de Bayan Obo
```
- center: [41.782778, 109.973611]
- zoom: 5
L.marker([41.782778, 109.973611]).actions.addRemove(S.map)
```
##Mongolia Interior (China)
**Quién la explota**: Ciudad de Baotou
**Reservas**: 48 millones de toneladas (34,2 % de las [reservas mundiales](http://www.fierasdelaingenieria.com/los-mayores-productores-de-tierras-raras-del-mundo/))
**Reservas mundiales**: 140 millones de toneladas (USGS, [pdf](http://minerals.usgs.gov/minerals/pubs/commodity/rare_earths/mcs-2014-raree.pdf)).
Seguramente palabras como itrio, lantano o cerio no te digan nada, pero si hablamos de pantallas plantas, baterías para coches híbridos o lentes fotográficas te suenen un poco más. Las llamadas «tierras raras» tienen propiedades inusuales que las hacen imprescindibles para múltiples aplicaciones tecnológicas, incluyendo las energías renovables. El [43 % de las reservas](http://www.publico.es/287070/en-busca-de-los-15-metales-mas-raros) de esos 15 metales magnéticos están en territorio chino, y la práctica totalidad en el distrito minero de Bayan Obo, en la Mongolia Interior. La importancia estratégica de las tierras raras ya la vio Deng Xiaoping en 1992: «Oriente Medio tiene petróleo. China tiene tierras raras».
Al contrario de lo que sucede con los combustibles fósiles, que solo se pueden utilizar una vez, los minerales se pueden reutilizar. Esa es la buena noticia. La mala, que la minería y el procesamiento industrial provocan la dispersión del mineral en millones de pequeñas aplicaciones, lo que hace inviable su recuperación, según me explica Alicia Valero, de CIRCE. La investigadora española, que ha dedicado una década a elaborar un «censo» de los minerales remanentes en la corteza terrestre, pone un ejemplo muy gráfico: «En un solo ordenador portátil está presente casi la totalidad de la tabla periódica. Sin embargo, es virtualmente imposible recuperar para un nuevo uso los elementos allí incluidos».
![La región minera Bayan Obo, desde el satélite.](http://cdn6.yorokobu.es/wp-content/uploads/bayan-obo.jpg)
La región minera Bayan Oyo, desde el satélite.
#Biodiversidad. Selva Amazónica
```
- center: [-3.064732, -60.055521]
- zoom: 5
L.marker([-3.064732, -60.055521]).actions.addRemove(S.map)
```
##Brasil, Venezuela, Colombia, Perú, Ecuador y Guyana
**Quién la explota**: Los respectivos estados y multitud de empresas farmacéuticas, madereras y mineras
**Especies**: [40.000 especies de plantas](http://en.wikipedia.org/wiki/Amazon_rainforest#Biodiversity); 2,5 millones de insectos y 2.000 especies de pájaros y mamíferos (en torno al 10 % de todas las especies del planeta).
**Especies en la Tierra**: [7,7 millones de animales](http://blogs.20minutos.es/cronicaverde/2011/09/02/%C2%BFcuantas-especies-hay-en-el-planeta/), 298.000 de plantas y 611.000 de hongos.
En un famoso experimento para calcular la biodiversidad de la selva, el enteomólogo Terry Erwin agitó las ramas de un árbol del Amazonas y se detuvo a contar el número de especies EXCLUSIVAMENTE de coleópteros que caían de sus ramas. Recuento total: [1.200 especies](https://biolcons.wordpress.com/2011/02/04/%C2%BFcuantas-especies-de-artropodos-tropicales-existen/). La cifra no solo nos habla de la desmesurada afición de Dios a crear escarabajos sino también la asombrosa, casi obscena, fertilidad de la Amazonía, hasta el punto que otro insigne especialista, Edward Wilson, advierte de que talar un solo árbol de la selva sudamericana supone con casi toda certeza la extinción de al menos una especie de insectos. No nos extrañamos, por tanto, de que la progresiva pérdida de la selva corra paralela a la llamada [«sexta gran extinción»](http://sociedad.elpais.com/sociedad/2014/07/24/actualidad/1406224017_140906.html).
![La selva del Amazonas, vía satélite.](http://cdn5.yorokobu.es/wp-content/uploads/amazonas1.jpg)
La selva del Amazonas, vía satélite.
#Fuentes de datos
Agua: [Wikipedia](http://es.wikipedia.org/wiki/Acu%C3%ADfero_Guaran%C3%AD) y [USGS](http://water.usgs.gov/edu/earthwherewater.html). Minerales raros: [Fieras de la ingeniería](http://www.fierasdelaingenieria.com/los-mayores-productores-de-tierras-raras-del-mundo/) y Thanatia [[pdf](http://www.worldscientific.com/doi/suppl/10.1142/7323/suppl_file/7323_chap01.pdf)]. Fosfatos: [Cafe
Reggio](http://www.caffereggio.net/2010/11/21/el-sentido-estrategico-de-bucraa-de-jose-antonio-espi-en-mercados-de-el-mundo/), [USGS](http://www.ipni.net/publication/ia-lahp.nsf/0/1776ED0A007B5FF3852579A0006B1484/$FILE/Reservas%20mundiales%20de%20nutrientes%20para%20fertilizantes.pdf) (Servicio Geológico de EE.UU.), [Wikipedia](http://es.wikipedia.org/wiki/Fos_Bucraa) y [Yorokobu](http://www.yorokobu.es/por-que-el-agotamiento-del-fosforo-deberia-preocuparte/). Petróleo:
[BP](http://elpetroleo.aop.es/Default.aspx?Page=4.%20Reservas%20mundiales.%20Producci%C3%B3n%20y%20duraci%C3%B3n&AspxAutoDetectCookieSupport=1). Biodiversidad: [Wikipedia](http://en.wikipedia.org/wiki/Amazon_rainforest#Biodiversity) y [The Plant List](http://www.theplantlist.org/).
**Puedes encontrar el artículo original en [la web de Yorokobu](http://yorokobu.es/mondo-decreciente/)**
</script></body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment