Robin Houston robinhouston

Implementing the transition the usual way, using transition.attr.

Click the circle to restart

Clamp at each tick, rather than clamping the target value.

Click the circle to restart

50,000 circles in fixed positions, with their radius and color animated through 52 datapoints.

	function* allPermutationsOf(array, level=0) {
	array = array.slice(0);
	const calling = (level === array.length-1);
	let index = level;
	do {
	if (calling) yield array;
	else yield *allPermutationsOf(array, level+1);

	if (index > 0) {
	const tmp = array[index];

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>MSW algorithm demo</title>
	<script src="https://d3js.org/d3.v4.min.js"></script>
	<style>
	body { margin: 0; height: 500px; position: relative; }
	#info { position: absolute; width: 100%; height: 100px; bottom: 0; padding: 35px; box-sizing: border-box; }
	#info.step-0 span.step-0,

	PARAMETER_FILE = lkh/par/5.par
	Reading PROBLEM_FILE: "atsp/5.atsp" ... done
	ASCENT_CANDIDATES = 50
	BACKBONE_TRIALS = 0
	BACKTRACKING = YES
	# CANDIDATE_FILE =
	CANDIDATE_SET_TYPE = ALPHA
	EXCESS = 0.00416667
	EXTRA_CANDIDATES = 0
	EXTRA_CANDIDATE_SET_TYPE = QUADRANT

	const http = require("http");

	function sleep(ms) {
	return new Promise(resolve => setTimeout(resolve, ms));
	}

	const server = http.createServer(async (req, res) => {
	res.writeHead(200, { "Content-Type": "text/plain; charset=UTF-8" });

	// Send enough padding to fill up the browser’s buffer

	data T = Two (T, T) \| One T deriving (Eq, Show)
	type X = Either (Either T T) ()


	f :: Either X X -> Either (X, X) ()

	f (Left (Left (Left (Two (t1, t2))))) = Left (Left (Left t1), Left (Left t2))
	f (Right (Left (Left (Two (t1, t2))))) = Left (Left (Left t1), Left (Right t2))
	f (Left (Left (Right (Two (t1, t2))))) = Left (Left (Right t1), Left (Left t2))
	f (Right (Left (Right (Two (t1, t2))))) = Left (Left (Right t1), Left (Right t2))