Summer summer4096

A spanning tree of the canvas is generated using Wilson’s algorithm and then flooded with color. Hue encodes Manhattan distance from the root of the tree. (This is not an optimal visual encoding, but it suffices and is pretty.)

Spanning trees can also be used to generate mazes. See a maze generated with Wilson’s algorithm flooded with color, and compare color floods of spanning trees generated with Wilson’s algorithm to random traversal, randomized depth-first traversal and Prim’s algorithm.

	var formidable = require('formidable');
	var express = require('express');
	var socket = require('socket.io');

	var app = express.createServer();
	var io = socket.listen(app);

	app.use(express.static(__dirname + '/public'));
	app.listen(process.env['app_port'] \|\| 8000);

	chat.transports.websocket = function(){
	this.conn = new WebSocket('ws://web.sock.et/');
	var self = this;
	this.conn.onmessage = function(ev){
	var data = JSON.parse('"'+ev.data+'"');
	this.emit('data', data);
	};

	this.queue = [];

	<!DOCTYPE html>
	<html>

	<head>
	<meta charset=utf-8 />
	<title>External map layers</title>
	<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
	<script src='https://api.tiles.mapbox.com/mapbox.js/v1.6.4/mapbox.js'></script>
	<script src='https://api.tiles.mapbox.com/mapbox.js/plugins/leaflet-hash/v0.2.1/leaflet-hash.js'></script>
	<link href='https://api.tiles.mapbox.com/mapbox.js/v1.6.4/mapbox.css' rel='stylesheet' />

	<link rel="import" href="../polymer/polymer.html">

	<polymer-element name="my-element">

	<template>
	<style>
	#core_header_panel {
	width: 100%;
	height: 100%;
	left: 0px;

	L.tileLayer.fancyCanvas = function(url){
	var layer = L.tileLayer.canvas();
	layer.setUrl(url);

	var dataSource = function(x, y, z, done){
	var url = layer.getTileUrl({x: x, y: y, z: z});
	d3.json(url, done);
	};

	layer.data = function(fn){

	L.tileLayer.fancyCanvas = function(url){
	var layer = L.tileLayer.canvas({async: true});
	layer.setUrl(url);

	var dataSource = function(x, y, z, done){
	var url = layer.getTileUrl({x: x, y: y, z: z});
	d3.xhr(url).responseType('arraybuffer').get(done);
	};
	layer.data = function(fn){
	dataSource = fn;

	var fs = require('fs');
	var through2 = require('through2');
	var csv = require('fast-csv');
	var util = require('util');

	var writeStream = fs.createWriteStream('out.csv');

	var progress = {
	total: 0,
	done: 0