makella’s gists

makella / index.html

Last active March 1, 2019 22:25

weekend weather

	<!DOCTYPE html>
	<html>

	<head>
	<title>Weekend precipitation \| CARTO</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="UTF-8">
	<script src="https://libs.cartocdn.com/carto-vl/v1.1.1/carto-vl.min.js"></script>
	<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.js"></script>
	<link href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.css" rel="stylesheet" />

makella / index.html

Created February 27, 2019 19:18

Population density tilt + static animation

	<!DOCTYPE html>
	<html>
	<head>
	<title>Exported map \| CARTO VL</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="UTF-8">
	<script src="http://libs.cartocdn.com/carto-vl/v1.1.1/carto-vl.js"></script>
	<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.js"></script>
	<link href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.css" rel="stylesheet" />
	<style>

makella / index.html

Last active February 27, 2019 19:17

Population Density animated w/ tilt

	<!DOCTYPE html>
	<html>
	<head>
	<title>Exported map \| CARTO VL</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="UTF-8">
	<script src="http://libs.cartocdn.com/carto-vl/v1.1.1/carto-vl.js"></script>
	<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.js"></script>
	<link href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.css" rel="stylesheet" />
	<style>

makella / index.html

Last active February 15, 2019 13:55

CARTO Product Gathering 2/15

	<!DOCTYPE html>
	<html>

	<head>
	<title>Product Gathering \| CARTO</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="UTF-8">
	<script src="https://libs.cartocdn.com/carto-vl/v1.1.1/carto-vl.min.js"></script>
	<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.js"></script>
	<link href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.css" rel="stylesheet" />

makella / index.html

Last active February 11, 2019 23:37

image transitions 2

	<!DOCTYPE html>
	<html>
	<head>
	<title>Exported map \| CARTO VL</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="UTF-8">
	<script src="http://libs.cartocdn.com/carto-vl/v1.1.1/carto-vl.js"></script>
	<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.js"></script>
	<link href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.css" rel="stylesheet" />
	<style>

makella / index.html

Created February 1, 2019 18:31

Manhattan buildings over the years

	<!DOCTYPE html>
	<html>

	<head>
	<title>Manhattan buildings over the years \| CARTO VL</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="UTF-8">
	<script src="http://libs.cartocdn.com/carto-vl/v1.1.1/carto-vl.js"></script>
	<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.js"></script>
	<link href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.css" rel="stylesheet" />

makella / index.html

Last active February 1, 2019 17:48 — forked from rochoa/index.html

Manhattan buildings by number of floors over the years | CARTO VL

	<!DOCTYPE html>
	<html>

	<head>
	<title>Manhattan buildings by number of floors over the years \| CARTO VL</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="UTF-8">
	<script src="http://libs.cartocdn.com/carto-vl/v1.1.1/carto-vl.js"></script>
	<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.js"></script>
	<link href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.css" rel="stylesheet" />

makella / index.html

Created January 31, 2019 20:45

custom symbol click

	<!DOCTYPE html>
	<html>

	<head>
	<title>Click \| CARTO</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="UTF-8">
	<script src="https://libs.cartocdn.com/carto-vl/v1.1.1/carto-vl.min.js"></script>
	<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.js"></script>
	<link href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.css" rel="stylesheet" />

makella / index.html

Created January 31, 2019 18:16

symbol interactivity data-driven

	<!DOCTYPE html>
	<html>

	<head>
	<title>Interactive based styling \| CARTO</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="UTF-8">
	<script src="https://libs.cartocdn.com/carto-vl/v1.0.0/carto-vl.min.js"></script>
	<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.js"></script>
	<link href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.css" rel="stylesheet" />

makella / index.html

Created January 31, 2019 18:14

symbol interactivity no scale

	<!DOCTYPE html>
	<html>

	<head>
	<title>Interactive based styling \| CARTO</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="UTF-8">
	<script src="https://libs.cartocdn.com/carto-vl/v1.0.0/carto-vl.min.js"></script>
	<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.js"></script>
	<link href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.52.0/mapbox-gl.css" rel="stylesheet" />

Mamata Akella makella