This week i have been working on the user interface (UI) for the Flare based visualizations that will be shown in the report/visual plug-in.

So far i have the ability to invert the axis (with a cool animation), show and hide any item in the legends, click on a data point to show the information related to it and highlight all the data points related to a legend item.

A demo of one visualization with this UI can be found on the test site at http://compsci.ca/~dan/moodle where you can select “Moodle Tests“, login in as guest, select “Grades” in the lower left and then pick “Visual Report” from the drop down menu. You will have to have flash 9 installed (if you don’t it should try to install if for you).

Here are some screen shots of the visual report so far:

visual_ui1.pngvisual_ui2.pngvisual_ui4.pngvisual_ui5.pngvisual_ui6.pngvisual_ui7.pngvisual_ui8.png