Skip to content

Instantly share code, notes, and snippets.

View stevage's full-sized avatar
💭
🐘

Steve Bennett stevage

💭
🐘
View GitHub Profile
@stevage
stevage / index.html
Created March 1, 2017 03:49
Mapbox-GL-JS "map" with plain color background.
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
@stevage
stevage / index.html
Last active February 21, 2017 21:09
Mapbox-gl-js #4307
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
@stevage
stevage / index.html
Last active May 11, 2018 12:13
Medieval Melbourne
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
@stevage
stevage / index.html
Created February 2, 2017 05:48
Loop freeze bug
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.css' rel='stylesheet' />
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.4.0/d3.min.js"></script>
<style>
@stevage
stevage / index.html
Last active February 2, 2017 02:39
easeTo bug
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.css' rel='stylesheet' />
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.4.0/d3.min.js"></script>
<style>
@stevage
stevage / testmap.geojson
Created January 12, 2017 05:31
Test the styles
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@stevage
stevage / index.html
Created January 2, 2017 09:42
Line-widths and data properties
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.29.0/mapbox-gl.css' rel='stylesheet' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.29.0/mapbox-gl.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.4.0/d3.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<body>
<iframe id="embedded-national-map" frameBorder="0" width="1200" height="600" src="http://nationalmap.gov.au/#clean"></iframe>
<script>
var xhr2 = new XMLHttpRequest();
xhr2.open('GET', 'polygon.geojson', true);
xhr2.onload = function() {
if (xhr2.status === 200) {
@stevage
stevage / data.js
Last active March 24, 2018 14:31
Customised version of everytimezone.com, thanks to http://fabiopereira.me/blog/2016/06/29/how-to-customize-every-time-zone/
var data = [
[-6.0,"Wisconsin","MDT UTC-6",true],
[1.0,"UK","BST UTC+1",true],
[5.5,"Hyderabad","IST UTC+5.5",true],
[10.0,"Melbourne","AEST UTC+10",true],
];
@stevage
stevage / index.html
Created June 12, 2016 07:24
Tableau test
<!DOCTYPE HTML>
<html>
<head>
<style>
.tableauPlaceholde { width: 50% !important; height: 811px; }
</style>
</head>
<body style="background:gray;">
This is...a test.