Time Matrix v. 0.9

The time matrix lets you define a two-dimensional value for a keyword. Additionally, the keyword can be adjusted with a slave value, marking an end-point in time if you like to store a dynamic change of a value over time.

The code requires mootools and mootools-more (Drag/Slider) and a recent non-Microsoft Browser.

Here's how to use the class:

<script>
window.addEvent('domready', function(){
	$('cont').makeCloud({
		legendleft: 'Differenz: Gleichförmig / Kontinuierlich',
		legendright: 'Differenz: Kontrastreich / Unterschiedlich',		
		legendtop: 'Absolutes Mass: Selten / Wenig',
		legendbottom: 'Absolutes Mass: Oft / Viel',	
		verboseid: false,
		dataid: 'data'
	});
});
</script>

Options are not required. The data of the cloud is stored as a JSON-String in a form-field with the id 'dataid' (defaults to: 'data').

Data can easily be provided with a simple php-script, creating JSON Data out of a PHP-Array. For example:

<?php
$_data = array(
	array(
		"key"=> "Word 1",		// Word without Slave (to)
		"from" => array(30,10),
		"type" => 1
	),
	array(
		"key"=> "Word 2",		// Word with Slave (to)
		"from" => array(20,30),
		"to" => array(40,100),
		"type" => 1
	)
);														
echo (json_encode($_data));
?>

Values are normalized, that means, reduced to a limit between 0 and 100, and automatically scaled to the size of the canvas.

Download the example: time-cloud.zip

• Drag: Move them around
• Click: Add a slave

• Drag: Move them around
• Right-Click: Delete them