Ahmed Mohamed ahmohamed

This example demonstrate how to remap D3 events. MouseWheel event is used to pan the chart in x and y directions. This example was created as an answer to this SO question (Refer to it for detailed explanation).

	import struct
	import SocketServer
	from base64 import b64encode
	from hashlib import sha1
	from mimetools import Message
	from StringIO import StringIO

	class WebSocketsHandler(SocketServer.StreamRequestHandler):
	magic = '258EAFA5-E914-47DA-95CA-C5AB0DC85B11'

	import numpy as np
	from math import pi, log
	import pylab
	from scipy import fft, ifft
	from scipy.optimize import curve_fit

	i = 10000
	x = np.linspace(0, 3.5 * pi, i)
	y = (0.3np.sin(x) + np.sin(1.3 x) + 0.9 * np.sin(4.2 * x) + 0.06 *
	np.random.randn(i))

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

	path {
	fill: none;
	stroke: #000;
	stroke-width: 3px;
	}