Brett Miller brett-miller

My first experiment with Mapbox GL is a mock up of what astronauts in the ISS could see out of their window.

This map let's you fly over the latitude parallel of your choice. You can change

the baselayer (hybrid, streest of satellite)
the parallel you are flying over (pan left or right)
the zoom (+ and - in upper right corner)
rotation of view (the compass in the upper right corner)

This scatterplot is constructed from a TSV file storing the dimensions of sepals and petals of various iris flowers. The chart employs conventional margins and a number of D3 features:

d3.tsv - load and parse data
d3.scale.linear - x- and y-position encoding
d3.scale.ordinal - color encoding
d3.extent - compute domains
d3.svg.axis - display axes

	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>

	.graticule {
	fill: none;
	stroke: #777;
	}

	.boundary {

	<!DOCTYPE html>
	<meta charset="utf-8">
	<body style="overflow:hidden; background: black">
	<canvas></canvas>
	</body>
	<script>

	/* https://github.com/d3/d3-timer Copyright 2015 Mike Bostock */
	"undefined"==typeof requestAnimationFrame&&(requestAnimationFrame="undefined"!=typeof window&&(window.msRequestAnimationFrame\|\|window.mozRequestAnimationFrame\|\|window.webkitRequestAnimationFrame\|\|window.oRequestAnimationFrame)\|\|function(e){return setTimeout(e,17)}),function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.timer={})}(this,function(e){"use strict";function n(){r=m=0,c=1/0,t(u())}function t(e){if(!r){var t=e-Date.now();t>24?c>e&&(m&&clearTimeout(m),m=setTimeout(n,t),c=e):(m&&(m=clearTimeout(m),c=1/0),r=requestAnimationFrame(n))}}function i(e,n,i){i=null==i?Date.now():+i,null!=n&&(i+=+n);var o={callback:e,time:i,flush:!1,next:null};a?a.next=o:f=o,a=o,t(i)}function o(e,n,t){t=null==t?Date.now():+t,null!=n&&(t+=+n),l.callback

	license: gpl-3.0
	height: 673
	border: no

	license: gpl-3.0
	height: 960
	border: no