Michael at 18:11, 23 June 2011

2011-06-23T18:11:16Z

← Older revision		Revision as of 18:11, 23 June 2011
Line 102:		Line 102:
	})();		})();
	</jsxgraph>		</jsxgraph>

			==Code==
			<source lang="javascript">
			// To enable color vision deficiency emulation just use
			board.emulateColorblindness(deficieny);
			// where deficieny is a string equal to either 'protanopia', 'deuteranopia' or 'tritanopia'. To disable it use
			board.emulateColorblindness();
			// without any parameters.
			</source>

	==References==		==References==

Michael: Created page with "JSXGraph can give a rough impression about how color blind people see your work. It is possible to emulate three types of color vision deficiency: '''Protanopia''', '''Deuteranop..."

2011-06-20T09:17:17Z

Created page with "JSXGraph can give a rough impression about how color blind people see your work. It is possible to emulate three types of color vision deficiency: '''Protanopia''', '''Deuteranop..."

New page

JSXGraph can give a rough impression about how color blind people see your work. It is possible to emulate three types of color vision deficiency: '''Protanopia''', '''Deuteranopia''', and '''Tritanopia'''.

Consider this geometric construction from the [[Euler line]] example.

<html>
<button id="protanopia">Emulate Protanopia</button>
<button id="deuteranopia">Emulate Deuteranopia</button>
<button id="tritanopia">Emulate Tritanopia</button>
<button id="original">Show original</button>
</html>
<jsxgraph width="500" height="500" box="box">
(function () {

var board = JXG.JSXGraph.initBoard('box', {boundingbox: [-1.5, 2, 1.5, -1], keepaspectratio:true});

var cerise = {
strokeColor: '#901B77',
fillColor: '#CA147A'
},

grass = {
strokeColor: '#009256',
fillColor: '#65B72E',
visible: true,
withLabel: true
},

perpendicular = {
strokeColor: 'black',
dash: 1,
strokeWidth: 1,
point: JXG.deepCopy(cerise, {
visible: true,
withLabel: true
})
},

median = {
strokeWidth: 1,
strokeColor: '#333333',
dash:2
},

A = board.create('point', [1, 0], cerise),
B = board.create('point', [-1, 0], cerise),
C = board.create('point', [0.2, 1.5], cerise),
pol = board.create('polygon',[A,B,C], {
fillColor: '#FFFF00',
lines: {
strokeWidth: 2,
strokeColor: '#009256'
}
});

var pABC, pBCA, pCAB, i1;
perpendicular.point.name = 'H_c';
pABC = board.create('perpendicular', [pol.borders[0], C], perpendicular);
perpendicular.point.name = 'H_a';
pBCA = board.create('perpendicular', [pol.borders[1], A], perpendicular);
perpendicular.point.name = 'H_b';
pCAB = board.create('perpendicular', [pol.borders[2], B], perpendicular);
grass.name = 'H';
i1 = board.create('intersection', [pABC, pCAB, 0], grass);

var mAB, mBC, mCA;
cerise.name = 'M_c';
mAB = board.create('midpoint', [A, B], cerise);
cerise.name = 'M_a';
mBC = board.create('midpoint', [B, C], cerise);
cerise.name = 'M_b';
mCA = board.create('midpoint', [C, A], cerise);

var ma, mb, mc, i2;
ma = board.create('segment', [mBC, A], median);
mb = board.create('segment', [mCA, B], median);
mc = board.create('segment', [mAB, C], median);
grass.name = 'S';
i2 = board.create('intersection', [ma, mc, 0], grass);

var c;
grass.name = 'U';
c = board.create('circumcircle',[A, B, C], {
strokeColor: '#000000',
dash: 3,
strokeWidth: 1,
point: grass
});

var euler;
euler = board.create('line', [i1, i2], {
strokeWidth: 2,
strokeColor:'#901B77'
});
board.update();

var deficiencies = ['protanopia', 'deuteranopia', 'tritanopia'],
i;
for (i = 0; i < deficiencies.length; i++) {
JXG.addEvent(document.getElementById(deficiencies[i]), 'click', (function (_def) { return function () { board.emulateColorblindness(_def); }; })(deficiencies[i]), board);
}
JXG.addEvent(document.getElementById('original'), 'click', function () { board.emulateColorblindness(); }, board);
})();
</jsxgraph>

==References==

http://www.squarecirclez.com/blog/math-and-color-blindness

http://en.wikipedia.org/wiki/Color_blindness

[[Category:Examples]]

Color vision deficiency - Revision history

Michael at 18:11, 23 June 2011

Michael: Created page with "JSXGraph can give a rough impression about how color blind people see your work. It is possible to emulate three types of color vision deficiency: '''Protanopia''', '''Deuteranop..."