Skip to content

Instantly share code, notes, and snippets.

View piensaenpixel's full-sized avatar

piensaenpixel piensaenpixel

View GitHub Profile
@piensaenpixel
piensaenpixel / index.html
Last active January 19, 2016 12:39
Maps navigation
<!DOCTYPE html>
<html>
<head>
<title>Layer selector example | CartoDB.js</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" href="http://cartodb.com/assets/favicon.ico" />
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<style>
@piensaenpixel
piensaenpixel / readme.md
Last active January 2, 2017 18:09
Design Webinar Part 1: Airport Traffic

Create a Basemap

First, we will create a simple basemap that we can use to display the airport traffic information on top of

Add the data

  • From your Maps dashboard, click on NEW MAP
  • In the Add datasets dialogue, search for world borders to find the World Borders (High Definition) dataset available in the CartoDB Library
  • Once located, click to highlight, and then click CREATE MAP which will sync the layer to your account from the CartoDB Library and also add it to our map

Style the Background

The default basemap is Positron to change that, let's change the background color of the map

@piensaenpixel
piensaenpixel / .css
Last active May 10, 2016 16:38
CartoCSS Elections
/** choropleth visualization */
#public{
polygon-fill: #cccccc;
line-color: #FFF;
line-width: 0.25;
line-opacity: 1;
[partido_ganador_2015 = 'PP'] {
polygon-fill: #0194d9;
@piensaenpixel
piensaenpixel / template_infowindow
Last active May 10, 2016 17:41
Template Deep-insights
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Deep Insights template</title>
<meta name=viewport content="width=device-width initial-scale=1">
<link href="http://cartodb.com/favicon.ico" rel="shortcutsicon" />
<!-- deep insights - repositorio aquí: https://github.com/CartoDB/deep-insights.js -->
<link rel="stylesheet " href="http://cartodb.github.io/deep-insights.js/dist/themes/css/deep-insights.css" />
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
* {
margin: 0;
padding: 0;
}
body {
Some Airbnb data has been released in the last few days. They have the information about all the airbnb's hosts in some cities.
- Search Madrid's Airbnb data (January 2018)
- Visualize your data
- Discover the average price in Madrid
- Discover the closest Airbnb's (500m around) to each subway station