felipap/henon.html

## henon.html
<!DOCTYPE html>
<html>
	<head>
		<style>
			canvas { border: 1px solid #DDD; }
		</style>
	</head>
	<canvas width=1500 height=1000></canvas>
	<script>
		var ctx = document.querySelector('canvas').getContext('2d'),
			k = {x: 400, y:800},
			center = {x: 600, y:500},
			x = y = 0,
			a = 1.4, b = 0.3;
		setInterval(function draw() {
			ctx.fillRect(center.x+x*k.x, center.y-y*k.y, 1, 1);
			var _x = x;
			x = y+1-(a*_x*_x);
			y = b*_x;
		}, 1);
	</script>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	canvas { border: 1px solid #DDD; }
	</style>
	</head>
	<canvas width=1500 height=1000></canvas>
	<script>
	var ctx = document.querySelector('canvas').getContext('2d'),
	k = {x: 400, y:800},
	center = {x: 600, y:500},
	x = y = 0,
	a = 1.4, b = 0.3;
	setInterval(function draw() {
	ctx.fillRect(center.x+xk.x, center.y-yk.y, 1, 1);
	var _x = x;
	x = y+1-(a_x_x);
	y = b*_x;
	}, 1);
	</script>
	</html>