ramiroaznar · February 3, 2017 11:54 · Feb 3, 2017 · Jan 9, 2017 · Jan 9, 2017 · Jan 9, 2017
diff --git a/thumbnail.png b/thumbnail.png
diff --git a/readme.md b/readme.md
@@ -37,13 +37,13 @@ update geopb_1000 set legend = substring(siglas FROM '[0-9]+')::numeric
 
   * Añadir leyenda personalizada, solo con el campo `litologia`:
 
-```
+```html
 <ul> <ul>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Gravas, conglomerados, arenas y limos">Gravas, conglomerados, arenas y limos</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #feba8d"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Areniscas, conglomerados, arcillas; calizas y evaporitas">Areniscas, conglomerados, arcillas; calizas y evaporitas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #fe9603"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Calizas detríticas, calcarenitas, margas, arcillas y calizas">Calizas detríticas, calcarenitas, margas, arcillas y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #b59b9c"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas, arcillas y calizas. Evaporitas">Conglomerados, areniscas, arcillas y calizas. Evaporitas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #e2bbc0"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Dolomías, calizas y margas. Areniscas">Dolomías, calizas y margas. Areniscas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #b67940"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Calizas, dolomías y margas. Areniscas y conglomerados">Calizas, dolomías y margas. Areniscas y conglomerados</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #d77994"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas, calizas, yesos y arcillas versicolores">Conglomerados, areniscas, calizas, yesos y arcillas versicolores</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #b69231"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas y lutitas">Conglomerados, areniscas y lutitas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #a29ab2"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas, pizarras y calizas. Carbón">Conglomerados, areniscas, pizarras y calizas. Carbón</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #62b49e"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Areniscas, pizarras y calizas">Areniscas, pizarras y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #4db270"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Cuarcitas, pizarras, areniscas y calizas">Cuarcitas, pizarras, areniscas y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #86a838"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Cuarcitas, pizarras, areniscas y calizas">Cuarcitas, pizarras, areniscas y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #a5af2c"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Pizarras, grauwackas, cuarcitas y conglomerados">Pizarras, grauwackas, cuarcitas y conglomerados</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #c3babd"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Gneisses">Gneisses</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #af7792"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Micaesquistos, filitas, areniscas, mármoles, calizas, dolomías y margas">Micaesquistos, filitas, areniscas, mármoles, calizas, dolomías y margas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #e0eca4"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Serpentinitas y peridotitas. Rocas básicas y ultrabásicas">Serpentinitas y peridotitas. Rocas básicas y ultrabásicas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #f7b310"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Granitoides de dos micas">Granitoides de dos micas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #ffd413"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Otros granitoides">Otros granitoides</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #fef900"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Migmatitas, mármoles y granitoides indiferenciados">Migmatitas, mármoles y granitoides indiferenciados</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #fde104"></span>  </li>  </ul> </ul>
 ```
 
 - [x] Añadir widgets y ordenarlos por su área en km^2:
 
-```
+```sql
 select *, area/1000000 as km2 from geopb_1000
 ```
 

diff --git a/readme.md b/readme.md
@@ -38,4 +38,15 @@ update geopb_1000 set legend = substring(siglas FROM '[0-9]+')::numeric
   * Añadir leyenda personalizada, solo con el campo `litologia`:
 
 ```
-<ul> <ul>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Gravas, conglomerados, arenas y limos">Gravas, conglomerados, arenas y limos</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #feba8d"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Areniscas, conglomerados, arcillas; calizas y evaporitas">Areniscas, conglomerados, arcillas; calizas y evaporitas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #fe9603"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Calizas detríticas, calcarenitas, margas, arcillas y calizas">Calizas detríticas, calcarenitas, margas, arcillas y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #b59b9c"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas, arcillas y calizas. Evaporitas">Conglomerados, areniscas, arcillas y calizas. Evaporitas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #e2bbc0"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Dolomías, calizas y margas. Areniscas">Dolomías, calizas y margas. Areniscas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #b67940"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Calizas, dolomías y margas. Areniscas y conglomerados">Calizas, dolomías y margas. Areniscas y conglomerados</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #d77994"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas, calizas, yesos y arcillas versicolores">Conglomerados, areniscas, calizas, yesos y arcillas versicolores</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #b69231"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas y lutitas">Conglomerados, areniscas y lutitas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #a29ab2"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas, pizarras y calizas. Carbón">Conglomerados, areniscas, pizarras y calizas. Carbón</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #62b49e"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Areniscas, pizarras y calizas">Areniscas, pizarras y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #4db270"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Cuarcitas, pizarras, areniscas y calizas">Cuarcitas, pizarras, areniscas y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #86a838"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Cuarcitas, pizarras, areniscas y calizas">Cuarcitas, pizarras, areniscas y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #a5af2c"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Pizarras, grauwackas, cuarcitas y conglomerados">Pizarras, grauwackas, cuarcitas y conglomerados</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #c3babd"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Gneisses">Gneisses</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #af7792"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Micaesquistos, filitas, areniscas, mármoles, calizas, dolomías y margas">Micaesquistos, filitas, areniscas, mármoles, calizas, dolomías y margas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #e0eca4"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Serpentinitas y peridotitas. Rocas básicas y ultrabásicas">Serpentinitas y peridotitas. Rocas básicas y ultrabásicas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #f7b310"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Granitoides de dos micas">Granitoides de dos micas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #ffd413"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Otros granitoides">Otros granitoides</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #fef900"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Migmatitas, mármoles y granitoides indiferenciados">Migmatitas, mármoles y granitoides indiferenciados</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #fde104"></span>  </li>  </ul> </ul>```
+<ul> <ul>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Gravas, conglomerados, arenas y limos">Gravas, conglomerados, arenas y limos</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #feba8d"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Areniscas, conglomerados, arcillas; calizas y evaporitas">Areniscas, conglomerados, arcillas; calizas y evaporitas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #fe9603"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Calizas detríticas, calcarenitas, margas, arcillas y calizas">Calizas detríticas, calcarenitas, margas, arcillas y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #b59b9c"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas, arcillas y calizas. Evaporitas">Conglomerados, areniscas, arcillas y calizas. Evaporitas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #e2bbc0"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Dolomías, calizas y margas. Areniscas">Dolomías, calizas y margas. Areniscas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #b67940"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Calizas, dolomías y margas. Areniscas y conglomerados">Calizas, dolomías y margas. Areniscas y conglomerados</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #d77994"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas, calizas, yesos y arcillas versicolores">Conglomerados, areniscas, calizas, yesos y arcillas versicolores</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #b69231"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas y lutitas">Conglomerados, areniscas y lutitas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #a29ab2"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas, pizarras y calizas. Carbón">Conglomerados, areniscas, pizarras y calizas. Carbón</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #62b49e"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Areniscas, pizarras y calizas">Areniscas, pizarras y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #4db270"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Cuarcitas, pizarras, areniscas y calizas">Cuarcitas, pizarras, areniscas y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #86a838"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Cuarcitas, pizarras, areniscas y calizas">Cuarcitas, pizarras, areniscas y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #a5af2c"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Pizarras, grauwackas, cuarcitas y conglomerados">Pizarras, grauwackas, cuarcitas y conglomerados</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #c3babd"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Gneisses">Gneisses</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #af7792"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Micaesquistos, filitas, areniscas, mármoles, calizas, dolomías y margas">Micaesquistos, filitas, areniscas, mármoles, calizas, dolomías y margas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #e0eca4"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Serpentinitas y peridotitas. Rocas básicas y ultrabásicas">Serpentinitas y peridotitas. Rocas básicas y ultrabásicas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #f7b310"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Granitoides de dos micas">Granitoides de dos micas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #ffd413"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Otros granitoides">Otros granitoides</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #fef900"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Migmatitas, mármoles y granitoides indiferenciados">Migmatitas, mármoles y granitoides indiferenciados</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #fde104"></span>  </li>  </ul> </ul>
+```
+
+- [x] Añadir widgets y ordenarlos por su área en km^2:
+
+```
+select *, area/1000000 as km2 from geopb_1000
+```
+
+https://team.carto.com/u/ramirocartodb/builder/0fa089b3-3c41-4e46-be51-a9daa5c76d9d/embed
+
+![final](https://cloud.githubusercontent.com/assets/5215798/21688639/e7f9836c-d36d-11e6-9035-0348b6dd1231.png)
diff --git a/readme.md b/readme.md
@@ -0,0 +1,41 @@
+### Detalles
+
+* Orígen de los datos: [datos.gob.es](http://datos.gob.es/es/catalogo/e00114704-mapa-geologico-de-la-peninsula-iberica-baleares-y-canarias-a-escala-1-1-000-000-edicion-1995) (but from the IGME).
+
+### Tareas
+
+- [x] Crear un mapa con BUILDER
+
+https://team.carto.com/u/solutions/builder/b86c2a1e-d345-11e6-8635-0ecd1babdde5/embed
+
+![builder](https://cloud.githubusercontent.com/assets/5215798/21682016/80e8a6e6-d352-11e6-9730-00c5f8ec0fd2.png)
+
+- [x] Replicar leyenda de colores del original:
+
+![map](https://cloud.githubusercontent.com/assets/5215798/21682029/94eedf2a-d352-11e6-85c6-fe0abb3d3d07.jpg)
+
+  * Con la extensión de Google Chrome _Color Picker_ asignar color a número: [spreadsheet](https://docs.google.com/a/cartodb.com/spreadsheets/d/1-fAtrQeIfQlPTdUZIE3ABW-7h7KFLpjKzXypNXn1X2c/edit?usp=sharing).
+  * Transformar la columna `siglas` para que solo contenga números (después de crear una llamada `legend`):
+
+```sql
+update geopb_1000 set legend = substring(siglas FROM '[0-9]+')::numeric
+```
+
+  * Utilizar Turbo CARTO con `legend`, la lista de colores y la lista de números:
+
+```css
+#layer {
+  polygon-fill: ramp([legend], (#29876F,#FEBA8D,#E8B192,#FE9603,#E17B4B,#F56475,#FC7681,#FB7492,#FB761B,#E88C4D,#FFC477,#FF7796,#E37E76,#AF5F5E,#F87595,#F690A6,#B59B9C,#3CD7EB,#F13951,#E2BBC0,#F1B2A9,#B5C2A6,#4CC053,#4CBD51,#B67940,#DBB4B5,#FFD7C3,#D5CBC2,#D77994,#B97A75,#ECAD8A,#777695,#FB9500,#BB8032,#B69231,#D47B2B,#F37A1F,#A29AB2,#31BE8A,#59C7AE,#5DBA9B,#779B41,#62B49E,#5E9E61,#4DB270,#86A837,#86A838,#909C36,#FFB939,#82A958,#83BA52,#AEA428,#A5AF2C,#98B118,#3DBA76,#8CD5CE,#AB9700,#E9A961,#D0C9C3,#CEC7C1,#DECAC9,#838860,#BDB9B8,#C3BABD,#AF7792,#AF7792,#D4AEC3,#A8788E,#EAABBC,#FF7C93,#10B4DA,#23CAEC,#68A7C6,#B5E0F0,#2DC1AB,#6DC770,#EFEE08,#E7EE7E,#A1D324,#E0ECA4,#F7CCD3,#F39227,#FFCC9F,#EF904C,#F7950C,#BC5E3A,#CE9F67,#F7B310,#FFDC6C,#FFD413,#FEF900,#F5CB29,#FDF926,#097AD8,#FDE104,#FEE5AC,#0072D7,#FAF76A,#FFFAA6,#C3B391,#E6D8BE,#C4CFBF), (1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102), "=", category);
+  line-width: 0.3;
+  line-color: #FFF;
+  line-opacity: 0.5;
+  polygon-gamma: 0.5;
+}
+```
+
+![geo](https://cloud.githubusercontent.com/assets/5215798/21685208/fa82b772-d360-11e6-9545-2353140ce234.png)
+
+  * Añadir leyenda personalizada, solo con el campo `litologia`:
+
+```
+<ul> <ul>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Gravas, conglomerados, arenas y limos">Gravas, conglomerados, arenas y limos</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #feba8d"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Areniscas, conglomerados, arcillas; calizas y evaporitas">Areniscas, conglomerados, arcillas; calizas y evaporitas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #fe9603"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Calizas detríticas, calcarenitas, margas, arcillas y calizas">Calizas detríticas, calcarenitas, margas, arcillas y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #b59b9c"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas, arcillas y calizas. Evaporitas">Conglomerados, areniscas, arcillas y calizas. Evaporitas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #e2bbc0"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Dolomías, calizas y margas. Areniscas">Dolomías, calizas y margas. Areniscas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #b67940"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Calizas, dolomías y margas. Areniscas y conglomerados">Calizas, dolomías y margas. Areniscas y conglomerados</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #d77994"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas, calizas, yesos y arcillas versicolores">Conglomerados, areniscas, calizas, yesos y arcillas versicolores</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #b69231"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas y lutitas">Conglomerados, areniscas y lutitas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #a29ab2"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas, pizarras y calizas. Carbón">Conglomerados, areniscas, pizarras y calizas. Carbón</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #62b49e"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Areniscas, pizarras y calizas">Areniscas, pizarras y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #4db270"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Cuarcitas, pizarras, areniscas y calizas">Cuarcitas, pizarras, areniscas y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #86a838"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Cuarcitas, pizarras, areniscas y calizas">Cuarcitas, pizarras, areniscas y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #a5af2c"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Pizarras, grauwackas, cuarcitas y conglomerados">Pizarras, grauwackas, cuarcitas y conglomerados</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #c3babd"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Gneisses">Gneisses</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #af7792"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Micaesquistos, filitas, areniscas, mármoles, calizas, dolomías y margas">Micaesquistos, filitas, areniscas, mármoles, calizas, dolomías y margas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #e0eca4"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Serpentinitas y peridotitas. Rocas básicas y ultrabásicas">Serpentinitas y peridotitas. Rocas básicas y ultrabásicas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #f7b310"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Granitoides de dos micas">Granitoides de dos micas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #ffd413"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Otros granitoides">Otros granitoides</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #fef900"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Migmatitas, mármoles y granitoides indiferenciados">Migmatitas, mármoles y granitoides indiferenciados</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #fde104"></span>  </li>  </ul> </ul>```