Adds barrios chapter to site and some partials and shortcodes to include js datavis

parent 01f8a82d
+++
title = "Comparativa de barrios"
date = 2018-11-19T10:31:42+01:00
weight = 100
chapter = true
+++
### 15 de octubre de 2017. Versión 2.0
# Comparativa. Efecto Airbnb en barrios
Para comprender la magnitud del impacto de los alojamientos turísticos en un territorio es necesario compararlo con otros y relacionar las cifras de alojamientos turísticos con población o número de viviendas.
En esta sección se mide el impacto de Airbnb en los barrios de las ciudades analizadas hasta el momento dentro del proyecto Efecto Airbnb: Madrid, Donostia, Bilbao, Pamplona y Vitoria.
El indicador utilizado para comparar los barrios de diferentes territorios es el **ratio de anuncios publicados en Airbnb por cada 100 viviendas**.
---
title: "Alojamientos de Airbnb por cada 100 vivivendas"
menuTitle: "Alojamientos Airbnb / 100 viviendas"
date: 2018-11-19T10:36:28+01:00
weight: 1
draft: false
js:
- "d3.v4.min.js"
- "barrios.js"
css:
- "barrios.css"
---
{{< docdata doc-url="https://wiki.montera34.com/como-se-concentra-la-oferta-por-barrios-de-airbnb" data-url="#method" data-date="25 octubre 2017" data-comment="" >}}
{{% include-vis barrios %}}
<ul class="list-inline">
<li><span class="square donostia" ></span>Donostia / San Sebastián</li>
<li><span class="square bilbao" ></span>Bilbao</li>
<li><span class="square pamplona" ></span>Pamplona-Iruña</li>
<li><span class="square vitoria" ></span>Vitoria-Gasteiz</li>
<li><span class="square madrid" ></span>Madrid</li>
</ul>
{{% /include-vis %}}
{{% method %}}
### Datos
Todos los datos provienen de [DataHippo](https://datahippo.org).
+ [Euskadi](https://github.com/numeroteca/airbnbeuskadi/blob/master/data/original/171014_ads-airbnb-euskadi-datahippo.csv). 14 de octubre de 2017.
+ [Navarra](https://github.com/numeroteca/airbnbeuskadi/blob/master/data/original/171014_ads-airbnb-euskadi-datahippo.csv). 14 de octubre de 2017.
+ Madrid. 25 de octubre de 2017.
{{% /method %}}
{{ partial "load-extra-css.html" . }}
{{ partial "load-extra-js.html" . }}
{{ range .Params.css }}
<link rel="stylesheet" href="/css/{{ . }}" />
{{ end }}
{{ range .Params.js }}
<script src="/js/{{ . }}"></script>
{{ end }}
{{ .Inner }}
<div id="{{ .Get 0 }}"></div>
......@@ -10,16 +10,16 @@
<title>404 Page not found</title>
<link href="./css/nucleus.css?1542576415" rel="stylesheet">
<link href="./css/font-awesome.min.css?1542576415" rel="stylesheet">
<link href="./css/hybrid.css?1542576415" rel="stylesheet">
<link href="./css/featherlight.min.css?1542576415" rel="stylesheet">
<link href="./css/perfect-scrollbar.min.css?1542576415" rel="stylesheet">
<link href="./css/horsey.css?1542576415" rel="stylesheet">
<link href="./css/theme.css?1542576415" rel="stylesheet">
<link href="./css/hugo-theme.css?1542576415" rel="stylesheet">
<link href="./css/nucleus.css?1542627741" rel="stylesheet">
<link href="./css/font-awesome.min.css?1542627741" rel="stylesheet">
<link href="./css/hybrid.css?1542627741" rel="stylesheet">
<link href="./css/featherlight.min.css?1542627741" rel="stylesheet">
<link href="./css/perfect-scrollbar.min.css?1542627741" rel="stylesheet">
<link href="./css/horsey.css?1542627741" rel="stylesheet">
<link href="./css/theme.css?1542627741" rel="stylesheet">
<link href="./css/hugo-theme.css?1542627741" rel="stylesheet">
<link href="./css/theme-eamadrid.css?1542576415" rel="stylesheet">
<link href="./css/theme-eamadrid.css?1542627741" rel="stylesheet">
<style type="text/css">
:root #header + #content > #left > #rlblock_left {
......
This diff is collapsed.
This diff is collapsed.
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Comparativa de barrios on Efecto Airbnb</title>
<link>/airbnb/barrios/</link>
<description>Recent content in Comparativa de barrios on Efecto Airbnb</description>
<generator>Hugo -- gohugo.io</generator>
<language>es-es</language>
<lastBuildDate>Mon, 19 Nov 2018 10:31:42 +0100</lastBuildDate>
<atom:link href="/airbnb/barrios/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Alojamientos de Airbnb por cada 100 vivivendas</title>
<link>/airbnb/barrios/airbnb-ratio-100-viviendas/</link>
<pubDate>Mon, 19 Nov 2018 10:36:28 +0100</pubDate>
<guid>/airbnb/barrios/airbnb-ratio-100-viviendas/</guid>
<description>Documentación y metodología
Datos Airbnb 25 octubre 2017 Donostia / San Sebastián Bilbao Pamplona-Iruña Vitoria-Gasteiz Madrid Documentación y metodología Datos Todos los datos provienen de DataHippo.
Euskadi. 14 de octubre de 2017. Navarra. 14 de octubre de 2017. Madrid. 25 de octubre de 2017. </description>
</item>
</channel>
</rss>
\ No newline at end of file
......@@ -13,19 +13,19 @@
<title>Categories :: Efecto Airbnb</title>
<link href="../css/nucleus.css?1542576415" rel="stylesheet">
<link href="../css/font-awesome.min.css?1542576415" rel="stylesheet">
<link href="../css/hybrid.css?1542576415" rel="stylesheet">
<link href="../css/featherlight.min.css?1542576415" rel="stylesheet">
<link href="../css/perfect-scrollbar.min.css?1542576415" rel="stylesheet">
<link href="../css/auto-complete.css?1542576415" rel="stylesheet">
<link href="../css/theme.css?1542576415" rel="stylesheet">
<link href="../css/hugo-theme.css?1542576415" rel="stylesheet">
<link href="../css/nucleus.css?1542627741" rel="stylesheet">
<link href="../css/font-awesome.min.css?1542627741" rel="stylesheet">
<link href="../css/hybrid.css?1542627741" rel="stylesheet">
<link href="../css/featherlight.min.css?1542627741" rel="stylesheet">
<link href="../css/perfect-scrollbar.min.css?1542627741" rel="stylesheet">
<link href="../css/auto-complete.css?1542627741" rel="stylesheet">
<link href="../css/theme.css?1542627741" rel="stylesheet">
<link href="../css/hugo-theme.css?1542627741" rel="stylesheet">
<link href="../css/theme-eamadrid.css?1542576415" rel="stylesheet">
<link href="../css/theme-eamadrid.css?1542627741" rel="stylesheet">
<script src="../js/jquery-2.x.min.js?1542576415"></script>
<script src="../js/jquery-2.x.min.js?1542627741"></script>
<style type="text/css">
:root #header + #content > #left > #rlblock_left{
......@@ -681,6 +681,57 @@
<li data-nav-id="/barrios/" title="Comparativa de barrios" class="dd-item
">
<a href="../barrios/">
Comparativa de barrios
</a>
<ul>
<li data-nav-id="/barrios/airbnb-ratio-100-viviendas/" title="Alojamientos de Airbnb por cada 100 vivivendas" class="dd-item ">
<a href="../barrios/airbnb-ratio-100-viviendas/">
Alojamientos Airbnb / 100 viviendas
</a>
</li>
</ul>
</li>
</ul>
......@@ -1229,6 +1280,38 @@
......@@ -1253,24 +1336,27 @@
<div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
<div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
</div>
<script src="../js/clipboard.min.js?1542576415"></script>
<script src="../js/perfect-scrollbar.min.js?1542576415"></script>
<script src="../js/perfect-scrollbar.jquery.min.js?1542576415"></script>
<script src="../js/jquery.sticky.js?1542576415"></script>
<script src="../js/featherlight.min.js?1542576415"></script>
<script src="../js/html5shiv-printshiv.min.js?1542576415"></script>
<script src="../js/highlight.pack.js?1542576415"></script>
<script src="../js/clipboard.min.js?1542627741"></script>
<script src="../js/perfect-scrollbar.min.js?1542627741"></script>
<script src="../js/perfect-scrollbar.jquery.min.js?1542627741"></script>
<script src="../js/jquery.sticky.js?1542627741"></script>
<script src="../js/featherlight.min.js?1542627741"></script>
<script src="../js/html5shiv-printshiv.min.js?1542627741"></script>
<script src="../js/highlight.pack.js?1542627741"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="../js/modernizr.custom.71422.js?1542576415"></script>
<script src="../js/learn.js?1542576415"></script>
<script src="../js/hugo-learn.js?1542576415"></script>
<script src="../js/modernizr.custom.71422.js?1542627741"></script>
<script src="../js/learn.js?1542627741"></script>
<script src="../js/hugo-learn.js?1542627741"></script>
<link href="../mermaid/mermaid.css?1542576415" type="text/css" rel="stylesheet" />
<script src="../mermaid/mermaid.js?1542576415"></script>
<link href="../mermaid/mermaid.css?1542627741" type="text/css" rel="stylesheet" />
<script src="../mermaid/mermaid.js?1542627741"></script>
<script>
mermaid.initialize({ startOnLoad: true });
</script>
</body>
</html>
.sort {
border:none;
display:inline-block;
color:#fff;
text-decoration: none;
background-color: #aaa;
height:30px;
}
.sort:hover {
text-decoration: none;
background-color:#aaa;
}
.sort:focus {
outline:none;
}
.sort:after {
display:inline-block;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid transparent;
content:"";
position: relative;
top:-10px;
right:-5px;
}
.sort.asc:after {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #fff;
content:"";
position: relative;
top:4px;
right:-5px;
}
.sort.desc:after {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #fff;
content:"";
position: relative;
top:-4px;
right:-5px;
}
.viviendas, .ads, .ratio-alojamientos {
text-align:right;
}
.ratio-alojamientos {
font-weight:bold;
}
.donostia {
background-color:#4199cb;
border: 4px white solid;
}
.bilbao {
background-color:#da5455;
border: 4px white solid;
}
.vitoria {
background-color:#5cd79b;
border: 4px white solid;
}
.pamplona {
background-color:#c076c0;
border: 4px white solid;
}
.madrid {
background-color:#f6ae01;
border: 4px white solid;
}
.bar:hover {
opacity:0.8;
}
#vis, #barchart{
position: relative;
top: 0px;
right: 0px;
}
.tooltip2 {
position: absolute;
background: white;
font-size: 14px;
padding: 10px;
border: 1px solid #ccc;
}
.yaxis line, .yaxis path, .xaxis path, .xaxis2 path {
display:none;
}
.yaxis {
font-family: "Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.xaxis line, .xaxis2 line{
stroke:#CCC;
}
.square {
width:40px;
height:20px;
float:left;
}
line {
shape-rendering: crispEdges;
}
.legend-barrios p {
float:left;
margin-right:15px;
}
This diff is collapsed.
......@@ -13,19 +13,19 @@
<title>Presencia de Airbnb por barrio :: Efecto Airbnb</title>
<link href="../../css/nucleus.css?1542576415" rel="stylesheet">
<link href="../../css/font-awesome.min.css?1542576415" rel="stylesheet">
<link href="../../css/hybrid.css?1542576415" rel="stylesheet">
<link href="../../css/featherlight.min.css?1542576415" rel="stylesheet">
<link href="../../css/perfect-scrollbar.min.css?1542576415" rel="stylesheet">
<link href="../../css/auto-complete.css?1542576415" rel="stylesheet">
<link href="../../css/theme.css?1542576415" rel="stylesheet">
<link href="../../css/hugo-theme.css?1542576415" rel="stylesheet">
<link href="../../css/nucleus.css?1542627741" rel="stylesheet">
<link href="../../css/font-awesome.min.css?1542627741" rel="stylesheet">
<link href="../../css/hybrid.css?1542627741" rel="stylesheet">
<link href="../../css/featherlight.min.css?1542627741" rel="stylesheet">
<link href="../../css/perfect-scrollbar.min.css?1542627741" rel="stylesheet">
<link href="../../css/auto-complete.css?1542627741" rel="stylesheet">
<link href="../../css/theme.css?1542627741" rel="stylesheet">
<link href="../../css/hugo-theme.css?1542627741" rel="stylesheet">
<link href="../../css/theme-eamadrid.css?1542576415" rel="stylesheet">
<link href="../../css/theme-eamadrid.css?1542627741" rel="stylesheet">
<script src="../../js/jquery-2.x.min.js?1542576415"></script>
<script src="../../js/jquery-2.x.min.js?1542627741"></script>
<style type="text/css">
:root #header + #content > #left > #rlblock_left{
......@@ -681,6 +681,57 @@
<li data-nav-id="/barrios/" title="Comparativa de barrios" class="dd-item
">
<a href="../../barrios/">
Comparativa de barrios
</a>
<ul>
<li data-nav-id="/barrios/airbnb-ratio-100-viviendas/" title="Alojamientos de Airbnb por cada 100 vivivendas" class="dd-item ">
<a href="../../barrios/airbnb-ratio-100-viviendas/">
Alojamientos Airbnb / 100 viviendas
</a>
</li>
</ul>
</li>
</ul>
......@@ -1301,6 +1352,38 @@
......@@ -1327,25 +1410,28 @@
<div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
<div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
</div>
<script src="../../js/clipboard.min.js?1542576415"></script>
<script src="../../js/perfect-scrollbar.min.js?1542576415"></script>
<script src="../../js/perfect-scrollbar.jquery.min.js?1542576415"></script>
<script src="../../js/jquery.sticky.js?1542576415"></script>
<script src="../../js/featherlight.min.js?1542576415"></script>
<script src="../../js/html5shiv-printshiv.min.js?1542576415"></script>
<script src="../../js/highlight.pack.js?1542576415"></script>
<script src="../../js/clipboard.min.js?1542627741"></script>
<script src="../../js/perfect-scrollbar.min.js?1542627741"></script>
<script src="../../js/perfect-scrollbar.jquery.min.js?1542627741"></script>
<script src="../../js/jquery.sticky.js?1542627741"></script>
<script src="../../js/featherlight.min.js?1542627741"></script>
<script src="../../js/html5shiv-printshiv.min.js?1542627741"></script>
<script src="../../js/highlight.pack.js?1542627741"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="../../js/modernizr.custom.71422.js?1542576415"></script>
<script src="../../js/learn.js?1542576415"></script>
<script src="../../js/hugo-learn.js?1542576415"></script>
<script src="../../js/modernizr.custom.71422.js?1542627741"></script>
<script src="../../js/learn.js?1542627741"></script>
<script src="../../js/hugo-learn.js?1542627741"></script>
<link href="../../mermaid/mermaid.css?1542576415" type="text/css" rel="stylesheet" />
<script src="../../mermaid/mermaid.js?1542576415"></script>
<link href="../../mermaid/mermaid.css?1542627741" type="text/css" rel="stylesheet" />
<script src="../../mermaid/mermaid.js?1542627741"></script>
<script>
mermaid.initialize({ startOnLoad: true });
</script>
</body>
</html>
......@@ -13,19 +13,19 @@
<title>Tipo de anuncios Airbnb: viviendas vs. habitaciones :: Efecto Airbnb</title>
<link href="../../css/nucleus.css?1542576415" rel="stylesheet">
<link href="../../css/font-awesome.min.css?1542576415" rel="stylesheet">
<link href="../../css/hybrid.css?1542576415" rel="stylesheet">
<link href="../../css/featherlight.min.css?1542576415" rel="stylesheet">
<link href="../../css/perfect-scrollbar.min.css?1542576415" rel="stylesheet">
<link href="../../css/auto-complete.css?1542576415" rel="stylesheet">
<link href="../../css/theme.css?1542576415" rel="stylesheet">
<link href="../../css/hugo-theme.css?1542576415" rel="stylesheet">
<link href="../../css/nucleus.css?1542627741" rel="stylesheet">
<link href="../../css/font-awesome.min.css?1542627741" rel="stylesheet">
<link href="../../css/hybrid.css?1542627741" rel="stylesheet">
<link href="../../css/featherlight.min.css?1542627741" rel="stylesheet">
<link href="../../css/perfect-scrollbar.min.css?1542627741" rel="stylesheet">
<link href="../../css/auto-complete.css?1542627741" rel="stylesheet">
<link href="../../css/theme.css?1542627741" rel="stylesheet">
<link href="../../css/hugo-theme.css?1542627741" rel="stylesheet">
<link href="../../css/theme-eamadrid.css?1542576415" rel="stylesheet">
<link href="../../css/theme-eamadrid.css?1542627741" rel="stylesheet">
<script src="../../js/jquery-2.x.min.js?1542576415"></script>
<script src="../../js/jquery-2.x.min.js?1542627741"></script>
<style type="text/css">
:root #header + #content > #left > #rlblock_left{
......@@ -681,6 +681,57 @@
<li data-nav-id="/barrios/" title="Comparativa de barrios" class="dd-item
">
<a href="../../barrios/">
Comparativa de barrios
</a>
<ul>
<li data-nav-id="/barrios/airbnb-ratio-100-viviendas/" title="Alojamientos de Airbnb por cada 100 vivivendas" class="dd-item ">
<a href="../../barrios/airbnb-ratio-100-viviendas/">
Alojamientos Airbnb / 100 viviendas
</a>
</li>
</ul>
</li>
</ul>
......@@ -1445,6 +1496,38 @@
......@@ -1471,25 +1554,28 @@
<div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
<div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
</div>
<script src="../../js/clipboard.min.js?1542576415"></script>
<script src="../../js/perfect-scrollbar.min.js?1542576415"></script>
<script src="../../js/perfect-scrollbar.jquery.min.js?1542576415"></script>
<script src="../../js/jquery.sticky.js?1542576415"></script>
<script src="../../js/featherlight.min.js?1542576415"></script>
<script src="../../js/html5shiv-printshiv.min.js?1542576415"></script>
<script src="../../js/highlight.pack.js?1542576415"></script>
<script src="../../js/clipboard.min.js?1542627741"></script>
<script src="../../js/perfect-scrollbar.min.js?1542627741"></script>
<script src="../../js/perfect-scrollbar.jquery.min.js?1542627741"></script>