milkbread’s gists

milkbread / animationSelektor.js

Last active December 19, 2015 12:49

D3: TopoJSON: Animated demonstration on polygon simplification I

	function animationSelektor(divContainer, data, width, height){
	var numElements = 18;
	var partSize = width / numElements;
	this.partSize = partSize;
	var headHeight = 15, offset = height-headHeight;
	var superiorDownAction, lowerDownAction;
	this.container = divContainer;
	this.svgContainer = this.container.append('svg')
	.attr("width", width)
	.attr("height", height)

milkbread / index.html

Last active December 19, 2015 11:59

HTML: D3: A moving circle - Testing animations with d3 I

	<!DOCTYPE html>
	<html>
	<head>
	<title>Testing animations</title>
	<meta charset="utf-8" />
	<script src="http://cdn.leafletjs.com/leaflet-0.6.1/leaflet.js"></script>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script src="http://d3js.org/topojson.v1.min.js"></script>

	<style>

milkbread / index.html

Last active December 19, 2015 11:38

HTML: D3: TopoJSON: Demonstrating ArcGeometries II - show arcs on map AND sorted ... depending on length

	<!DOCTYPE html>
	<html>
	<head>
	<title>Demonstration fo ArcGeometries 2</title>
	<meta charset="utf-8" />
	<script src="http://cdn.leafletjs.com/leaflet-0.6.1/leaflet.js"></script>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script src="http://d3js.org/topojson.v1.min.js"></script>
	<script src="http://mourner.github.io/simplify-js/simplify.js"></script>

milkbread / crossfilter.min.js

Created July 8, 2013 08:29

HTML: D3: TopoJSON: Demonstrating ArcGeometries I - show all arcs sorted

(function(r){function n(r){return r}function t(r,n){for(var t=0,e=n.length,u=Array(e);e>t;++t)u[t]=r[n[t]];return u}function e(r){function n(n,t,e,u){for(;u>e;){var f=e+u>>>1;r(n[f])<t?e=f+1:u=f}return e}function t(n,t,e,u){for(;u>e;){var f=e+u>>>1;t<r(n[f])?u=f:e=f+1}return e}return t.right=t,t.left=n,t}function u(r){function n(r,n,t){for(var u=t-n,f=(u>>>1)+1;--f>0;)e(r,f,u,n);return r}function t(r,n,t){for(var u,f=t-n;--f>0;)u=r[n],r[n]=r[n+f],r[n+f]=u,e(r,1,f,n);return r}function e(n,t,e,u){for(var f,o=n[--u+t],i=r(o);(f=t<<1)<=e&&(e>f&&r(n[u+f])>r(n[u+f+1])&&f++,!(i<=r(n[u+f])));)n[u+t]=n[u+f],t=f;n[u+t]=o}return n.sort=t,n}function f(r){function n(n,e,u,f){var o,i,a,c,l=Array(f=Math.min(u-e,f));for(i=0;f>i;++i)l[i]=n[e++];if(t(l,0,f),u>e){o=r(l[0]);do(a=r(c=n[e])>o)&&(l[0]=c,o=r(t(l,0,f)[0]));while(++e<u)}return l}var t=u(r);return n}function o(r){function n(n,t,e){for(var u=t+1;e>u;++u){for(var f=u,o=n[u],i=r(o);f>t&&r(n[f-1])>i;--f)n[f]=n[f-1];n[f]=o}return n}return n}function i(r){function n(r,n,u){r

milkbread / index.html

Created July 8, 2013 05:54

HTML: Tiled Vectors - a 1st Test


	<!DOCTYPE html>
	<html>
	<head>
	<title>Testmap for Vector Tiles</title>
	<meta charset="utf-8" />
	<script src="http://cdn.leafletjs.com/leaflet-0.6.1/leaflet.js"></script>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script src="http://bl.ocks.org/NelsonMinar/raw/5851197/TileLayer.d3_topoJSON.js"></script>
	<script src="http://d3js.org/topojson.v1.min.js"></script>

milkbread / index.html

Last active December 19, 2015 10:58

HTML: D3: Projections ... my 1st experiment


	<!DOCTYPE html>
	<!-- http://bost.ocks.org/mike/map/
	-->
	<meta charset="utf-8">
	<title>Testing D3 projections</title>
	<link rel="stylesheet" href="../static/myStyles.css" />
	<link rel="stylesheet" href="static/myStyles.css" />

	<style>

milkbread / index.html

Last active July 20, 2018 16:12

HTML: D3: TopoJSON: Sorted polygons of german states - dynamic visualisation I

	<!DOCTYPE html>
	<html>
	<head>
	<title>Testmap</title>
	<meta charset="utf-8" />
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script src="http://d3js.org/topojson.v1.min.js"></script>
	<style>
	#states{
	overflow-x: auto;

milkbread / index.html

Created July 6, 2013 14:09

HTML: D3: Training how to handle the update, enter() and exit() stuff

	<!DOCTYPE html>
	<html>
	<head>
	<title>Testmap</title>
	<meta charset="utf-8" />
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<style>
	</style>
	</head>
	<body>

milkbread / index.html

Created July 5, 2013 10:35

HTML: Make it simple - example of leaflets built-in Simplification - Polyline_smoothFactor

	<!DOCTYPE html>
	<html>
	<head>
	<title>Testmap</title>
	<meta charset="utf-8" />
	<script src="http://cdn.leafletjs.com/leaflet-0.6.1/leaflet.js"></script>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script src="http://bl.ocks.org/milkbread/raw/5917907/slider.js"></script>

	<style>

milkbread / index.html

Last active December 19, 2015 07:19

HTML: Make it simple - exemplary files for demonstration on applied line simplification

	<!DOCTYPE html>
	<html>
	<head>
	<title>Testmap</title>
	<meta charset="utf-8" />
	<script src="http://cdn.leafletjs.com/leaflet-0.6.1/leaflet.js"></script>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script src="http://mourner.github.io/simplify-js/simplify.js"></script>
	<script src="http://bl.ocks.org/milkbread/raw/5909613/simplify_RK_1.1.js"></script>
	<script src="http://bl.ocks.org/adammiller/raw/826148/douglasPeucker.js"></script>