Heat map - Revision history

A WASSERMANN at 12:08, 8 March 2012

2012-03-08T12:08:28Z

← Older revision		Revision as of 12:08, 8 March 2012
Line 100:		Line 100:
	c = '#cccccc';		c = '#cccccc';
	} else {		} else {
	c = JXG.hsv2rgb(270.0-v*270.0/maxVal, 0.8, 1.0);		//c = JXG.hsv2rgb(270.0-v*270.0/maxVal, 0.8, 1.0);
			c = JXG.hsv2rgb(0.0, v/maxVal, 1.0);
	}		}
	return c;		return c;

A WASSERMANN at 12:06, 8 March 2012

2012-03-08T12:06:49Z

← Older revision		Revision as of 12:06, 8 March 2012
Line 32:		Line 32:
	c = '#cccccc';		c = '#cccccc';
	} else {		} else {
	c = JXG.hsv2rgb(270.0-v*270.0/maxVal, 0.8, 1.0);		//c = JXG.hsv2rgb(270.0-v*270.0/maxVal, 0.8, 1.0);
			c = JXG.hsv2rgb(0.0, v/maxVal, 1.0);
	}		}
	return c;		return c;

A WASSERMANN at 08:19, 7 March 2012

2012-03-07T08:19:20Z

← Older revision		Revision as of 08:19, 7 March 2012
Line 41:		Line 41:
	[y-0.5, y-0.5, y+0.5, y+0.5, y-0.5]],		[y-0.5, y-0.5, y+0.5, y+0.5, y-0.5]],
	{strokeWidth:0, fillColor:colFunc, highlightFillColor:colFunc, highlightFillOpacity:0.8});		{strokeWidth:0, fillColor:colFunc, highlightFillColor:colFunc, highlightFillOpacity:0.8});

			// Turn off highlighting to increase efficiency.
	cu.hasPoint = function() { return false;};		cu.hasPoint = function() { return false;};
			return cu;
	};		};

Line 101:		Line 104:
	};		};

	~~return~~ board.create('curve',		var cu = board.create('curve',
	[[x-0.5, x+0.5, x+0.5, x-0.5, x-0.5],		[[x-0.5, x+0.5, x+0.5, x-0.5, x-0.5],
	[y-0.5, y-0.5, y+0.5, y+0.5, y-0.5]],		[y-0.5, y-0.5, y+0.5, y+0.5, y-0.5]],
	{strokeWidth:0, fillColor:colFunc, highlightFillColor:colFunc, highlightFillOpacity:0.8});		{strokeWidth:0, fillColor:colFunc, highlightFillColor:colFunc, highlightFillOpacity:0.8});

			// Turn off highlighting to increase efficiency.
			cu.hasPoint = function() { return false;};
			return cu;
	};		};

A WASSERMANN at 08:16, 7 March 2012

2012-03-07T08:16:52Z

← Older revision		Revision as of 08:16, 7 March 2012
Line 37:		Line 37:
	};		};

	~~return~~ board.create('curve',		var cu = board.create('curve',
	[[x-0.5, x+0.5, x+0.5, x-0.5, x-0.5],		[[x-0.5, x+0.5, x+0.5, x-0.5, x-0.5],
	[y-0.5, y-0.5, y+0.5, y+0.5, y-0.5]],		[y-0.5, y-0.5, y+0.5, y+0.5, y-0.5]],
	{strokeWidth:0, fillColor:colFunc, highlightFillColor:colFunc, highlightFillOpacity:0.8});		{strokeWidth:0, fillColor:colFunc, highlightFillColor:colFunc, highlightFillOpacity:0.8});
			cu.hasPoint = function() { return false;};
	};		};

A WASSERMANN at 08:13, 7 March 2012

2012-03-07T08:13:27Z

← Older revision		Revision as of 08:13, 7 March 2012
Line 40:		Line 40:
	[[x-0.5, x+0.5, x+0.5, x-0.5, x-0.5],		[[x-0.5, x+0.5, x+0.5, x-0.5, x-0.5],
	[y-0.5, y-0.5, y+0.5, y+0.5, y-0.5]],		[y-0.5, y-0.5, y+0.5, y+0.5, y-0.5]],
	{strokeWidth:0, fillColor:colFunc', highlightFillColor:colFunc, highlightFillOpacity:0.8});		{strokeWidth:0, fillColor:colFunc, highlightFillColor:colFunc, highlightFillOpacity:0.8});
	};		};

A WASSERMANN at 08:13, 7 March 2012

2012-03-07T08:13:13Z

← Older revision		Revision as of 08:13, 7 March 2012
Line 40:		Line 40:
	[[x-0.5, x+0.5, x+0.5, x-0.5, x-0.5],		[[x-0.5, x+0.5, x+0.5, x-0.5, x-0.5],
	[y-0.5, y-0.5, y+0.5, y+0.5, y-0.5]],		[y-0.5, y-0.5, y+0.5, y+0.5, y-0.5]],
	{strokeWidth:0, fillColor:~~'blue~~', highlightFillColor:~~'blue'~~, highlightFillOpacity:0.8});		{strokeWidth:0, fillColor:colFunc', highlightFillColor:colFunc, highlightFillOpacity:0.8});
	};		};

A WASSERMANN at 08:12, 7 March 2012

2012-03-07T08:12:24Z

← Older revision		Revision as of 08:12, 7 March 2012
Line 40:		Line 40:
	[[x-0.5, x+0.5, x+0.5, x-0.5, x-0.5],		[[x-0.5, x+0.5, x+0.5, x-0.5, x-0.5],
	[y-0.5, y-0.5, y+0.5, y+0.5, y-0.5]],		[y-0.5, y-0.5, y+0.5, y+0.5, y-0.5]],
	{strokeWidth:0, fillColor:~~colFunc~~, highlightFillColor:~~colFunc~~, highlightFillOpacity:0.8});		{strokeWidth:0, fillColor:'blue', highlightFillColor:'blue', highlightFillOpacity:0.8});
	};		};

A WASSERMANN at 20:10, 6 March 2012

2012-03-06T20:10:41Z

← Older revision		Revision as of 20:10, 6 March 2012
Line 3:		Line 3:
	// from 0 to (bins-1).		// from 0 to (bins-1).
	var len = 20;		var len = 20;
	var bins = 5;		var bins = 10;
	// Here, we just create random values.		// Here, we just create random values.
	var xyArr = [];		var xyArr = [];
Line 66:		Line 66:
	// from 0 to (bins-1).		// from 0 to (bins-1).
	var len = 20;		var len = 20;
	var bins = 5;		var bins = 10;
	// Here, we just create random values.		// Here, we just create random values.
	var xyArr = [];		var xyArr = [];
Line 79:		Line 79:
	// Now, xyArr is a 2D array containing the random integer values and we can start		// Now, xyArr is a 2D array containing the random integer values and we can start
	// creating the heat map.		// creating the heat map.
	var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-0.5,len+0.5, len+0.5, 0.5],		var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-0.5,len+0.5+2, len+0.5, 0.5],
	keepaspectratio:false, showNavigation:true});		keepaspectratio:false, showNavigation:true});

			var slideMin = brd.create('slider', [[1,20], [10,20], [0,0,bins]], {name:'min'});
			var slideMax = brd.create('slider', [[1,21], [10,21], [0,bins,bins]], {name:'max'});

	// spot() creates a quadratic single filled curve centered around (x,y).		// spot() creates a quadratic single filled curve centered around (x,y).
	var spot = function(board, y, x, v, maxVal) {		var spot = function(board, y, x, v, maxVal) {
	var c = JXG.hsv2rgb(270.0-v*270.0/maxVal, 0.8, 1.0);		var colFunc = function() {
			var c;
			// Gray out small and large values.
			if (v<slideMin.Value()) {
			c = '#aaaaaa';
			} else if (v>slideMax.Value()) {
			c = '#cccccc';
			} else {
			c = JXG.hsv2rgb(270.0-v*270.0/maxVal, 0.8, 1.0);
			}
			return c;
			};

	return board.create('curve',		return board.create('curve',
	[[x-0.5, x+0.5, x+0.5, x-0.5, x-0.5],		[[x-0.5, x+0.5, x+0.5, x-0.5, x-0.5],
	[y-0.5, y-0.5, y+0.5, y+0.5, y-0.5]],		[y-0.5, y-0.5, y+0.5, y+0.5, y-0.5]],
	{strokeWidth:0, fillColor:c, highlightFillColor:c, highlightFillOpacity:0.8});		{strokeWidth:0, fillColor:colFunc, highlightFillColor:colFunc, highlightFillOpacity:0.8});
	};		};

A WASSERMANN at 20:09, 6 March 2012

2012-03-06T20:09:41Z

← Older revision		Revision as of 20:09, 6 March 2012
Line 24:		Line 24:
	// spot() creates a quadratic single filled curve centered around (x,y).		// spot() creates a quadratic single filled curve centered around (x,y).
	var spot = function(board, y, x, v, maxVal) {		var spot = function(board, y, x, v, maxVal) {
	var c = ~~JXG.hsv2rgb~~(~~270.0-v*270.0/maxVal, 0.8, 1.0~~);		var colFunc = function() {
	// Gray out small and large values.		var c;
	if (v<slideMin.Value()) {		// Gray out small and large values.
	c = '#aaaaaa';		if (v<slideMin.Value()) {
	} else if (v>slideMax.Value()) {		c = '#aaaaaa';
	c = '#cccccc';		} else if (v>slideMax.Value()) {
	}		c = '#cccccc';
			} else {
			c = JXG.hsv2rgb(270.0-v*270.0/maxVal, 0.8, 1.0);
			}
			return c;
			};

	return board.create('curve',		return board.create('curve',
	[[x-0.5, x+0.5, x+0.5, x-0.5, x-0.5],		[[x-0.5, x+0.5, x+0.5, x-0.5, x-0.5],
	[y-0.5, y-0.5, y+0.5, y+0.5, y-0.5]],		[y-0.5, y-0.5, y+0.5, y+0.5, y-0.5]],
	{strokeWidth:0, fillColor:c, highlightFillColor:c, highlightFillOpacity:0.8});		{strokeWidth:0, fillColor:colFunc, highlightFillColor:colFunc, highlightFillOpacity:0.8});
	};		};

A WASSERMANN at 20:07, 6 March 2012

2012-03-06T20:07:28Z

← Older revision		Revision as of 20:07, 6 March 2012
Line 25:		Line 25:
	var spot = function(board, y, x, v, maxVal) {		var spot = function(board, y, x, v, maxVal) {
	var c = JXG.hsv2rgb(270.0-v*270.0/maxVal, 0.8, 1.0);		var c = JXG.hsv2rgb(270.0-v*270.0/maxVal, 0.8, 1.0);
			// Gray out small and large values.
			if (v<slideMin.Value()) {
			c = '#aaaaaa';
			} else if (v>slideMax.Value()) {
			c = '#cccccc';
			}
	return board.create('curve',		return board.create('curve',
	[[x-0.5, x+0.5, x+0.5, x-0.5, x-0.5],		[[x-0.5, x+0.5, x+0.5, x-0.5, x-0.5],