We are currently looking for a javascript programmer to create and manage an open source project (GPL) that would allow to visualize the values contained in a JSON in a very flexible way. The JSON could contain simple values, array, 2D array and from a user configurable interface we should be able to add some modules to display and interact with the various information present in the JSON.

The programmer will have to master Javascript and JQuery. Javascript objects, prototype, function callee, apply, call should have no secret for you ! You should not loose your time otherwise.

In order to find this programmer we have setup a small contest here in which only javascript library that may (not necessary) be used is “JQuery” (http://jquery.com).


Description of the contest ($200 price)

-- First objective --

Based on the following JSON create an interactive table:

var results={
matrix: [[1,2],[3,4]],
xLabel: ["First column","Second column"],
yLabel: ["First row","Second row"],
title: "This is the title of my tiny table"
}

The table should appear like
First column Second column
First row 1 2
Second row 3 4

The table should be interactive and the mouse over of the cell should show in a DIV the following information:

* column number
* row number
* column name
* row name

-- Second objective --

Generate a JSON when we click on a button based on the previously described format:
matrix of 100×100 random values between 0 and 1
xLabel: “column” + the column number
yLabel: “row” + the row number

From this JSON create a table that should be composed of small cell of 2 pixels wide in which the background is a gray color intensity (from white to black) depending of the value 0 to 1 that is in the cell. The table should be interactive and the mouse over of the cell should show in a DIV the following information:

* column number
* row number
* column name
* row name

-- Third objective --

Create a webpage that contains in the same HTML page the 2 previously described objectives to show that the code is in his own namespace and does not use any global variable. The info DIV should be common to both tables.




All the instructions and the evaluation method can be found at:

https://docs.google.com/document/d/1-89NygSmO4MNJbfCF2ZjAIbolWnr3PpTEL_ihztxXYQ/edit

You may directly contact me using: script@cheminfo.org if you need any other information.