There are 3 separate tools which we need. I've included examples of these in the attached PDF file.
We are planning to store variables which will control the layout of this grid in data attributes on a container element. These will need to be used to draw the grid and to define the start point (highlighted in orange). The user will need to select multiple parts of the grid one by one, and this will need to either build some sort of array of co-ordinates which we can then store in the database, and later on compare with the correct answer (stored in a similar format).
We'll also need the ability to either reset the grid back to it's initial state, and also be able to click an undo button at any point to undo the last step. If these can be programmed as functions that we can call on click of another element, that would be great.
This one will use a diamond grid layout. It will need to work in much the same way as the previous one, however the points will be the intersects on the grid (rather than the entire block between the points, as with the previous one). Again we'll need the ability to pre-define the size of the grid and also identify the starting point.
This one will also need to have a reset and undo last step function.
This tool will require the user to click the center of the pie chart, followed by one of the outermost points (In this example, there are 6 points plotted every 60 degrees. This would also need to be editable, as it may (on other questions) need to be 10 points, 12 points, 36 points etc depending on the level of degrees required. Upon click of the outer point, that section of the pie chart will need to be fill blue (from 0degrees to the chosen point). This tool could store just a single variable for the result, which could simply store the counter for the point (so in this example if the answer was the 180degree mark, it could store either '180' (number of degrees) or '4' (as it's the 4th marker going clockwise).
This one won't need an undo function, just a reset one.
29 freelancers are bidding on average £26/hour for this job