## Dashboard Data — Show TA’s Distribution

As I have mentioned in my blog “Dashboard Data — Plan” the first thing I want to do is “Show each TAβs grade distribution vs. the whole distribution in the graph.” To do this I should see how to collect (maybe calculate) the data to be shown, namely the mark given by each TA to a submission. I have sent emails to Severin and Mike asking this question and thanks to their help I got some basic ideas about where to seek these data. If I have more questions about that, I will post another blog later as I start do the implementation.

But for now in this blog I want to discuss several ways to present the TA’s grade distribution. Please response in the comment which way do you prefer π

- Show all the TAs’ distribution in the same graph which makes it very convenient to compare them

**Cons**

- According to my test things going to mess up when there are more than 3 TAs. The best case is when there are only 2 TAs and 3 is tolerable, but it will be very hard for the user to see the distribution when there are 4 TAs or more
- Cannot compare each TA’s distribution vs. the whole distribution

* **Use Bluff.SideStackedBar I**

**Pros**

- Show all the TAs’ distribution and the whole distribution in the same graph
- Performance does not change when there are more TAs. According to my test the graph still looks good when there are 5 or 6 TAs (although I don’t think there will be that many TAs in an assignment ;))

**Cons**

- Although all TAs distributions and the whole distribution are shown in the same graph, it seems harder for the user to compare each of the TA and the whole distribution

* **Use Bluff.SideStackedBar II**

**Pros**

- Compare each TA vs. the whole distribution, thus making it’s easier to see each TA’s grade distribution out of the whole distribution

**Cons**

- In fact what I expect in the above graph is yellow bars can be showed at he left side and the blue bars on the right side, but after I tried several times I cannot fine a way to change the order of these bars π
- We can turn on the tooltips of Bluff, which allows you to hover the mouse over a data bar to see the name and value of the bar in a popup box next to the mouse. But if we hover the mouse over the blue bars the popup box will give us the sum number of other TAs’ other than the total number of students in this interval. (If we store the total number of the students in the blue bars the total length of the bar will not represent the actual number of the students, in fact TA1’s number will be counted twice)

- Show all the TAsβ distribution and the whole distribution in the same graph and it seems the best way for the user to compare each TA’s distribution as well as with the whole distribution

**Cons**

- tooltips of Bluff can not be used in this kind of graph π

* **Final Solution**

Render each of the TA’s distribution and the whole distribution separately in different graphs.

I just omit the other two TAs’ graph but it’s just the same thing π Following is the whole distribution.

**Pros**

- Neatest graph and easiest to see

**Cons**

- Hard for comparison
- More graph’s needed

Where are you planning on placing these graphs? If we put them in the dashboard, it might become a bit too congested and there might be too much information for the admin to see all at once. If we don’t mind the idea of having links to a different page (or maybe pop-up windows) for showing the more complicated graphs, this problem would be easily solved.

You could build the graphs using the first method (which is in my opinion the most useful since it shows all the relevant information on one graph in a simple-to-understand format) only make the graphs big enough to fit as many TAs as needed. If you can assume that you only have one large graph on one page instead of a larger number of small graphs, then that makes this much easier.

Thoughts?

horatiu13 Feb 11 at 7:37 pm

How about having an area graph, from 0 to wherever for each TA, and maybe some javascript to show/hide each TA/the combined?

For me I think that would be the easiest to digest. For me, the best example of graphs that compare multiple things at multiple data points on the web I’ve seen is here:

http://nichol.as/benchmark-of-python-web-servers

Cameron Gorrie14 Feb 11 at 12:28 am

Awesome work π

Would it be possible to have the possibility to choose one of these graphs instead of having only one ?

Benjamin Vialle14 Feb 11 at 5:41 am