Clickable Array - Bar Graph

Step-by-step instructions

Follow the below steps to create the above question in Problem-Attic.

1. Go to the Arrange tab and click Write New Problem.

2. In the editor, write a question that allows the student to interact with an image, then press Enter.

   

3. In the editor toolbar, click Image and upload an image or choose from Problem-Attic's library of stock images.

   

4. Click OK at the bottom of the dialog box.

5. In the editor, right-click the image and select Interactive Fields.

   

6. For Field Type, select Clickable Area Array. Click on +Drag To Position or drag the button onto your image to insert the array.

   

7. Move the array so that the top-left corner is properly positioned. Then click the bottom-right corner and move it so that the array is the right size.

   

8. For Array options, make the following changes:

   • Set Columns to 2

   • Set Rows to 10

   • Set Column Space to 40

9. Above the Array options, make the following changes:

   • Set Appearance to Empty Area

   • Set Action to Fill

   • Set Color to Purple

   • Check the Multi-select box

10. Set the answer by clicking on the correct clickable areas in the array.

    

11. Click OK at the bottom of the dialog box.

12. In the editor, click Online Test Preview to see how the question will look and behave in an online test. If you are satisfied, close the Preview, then click Save.