Difference between revisions of "Trust us, we're Scientists! Visualization/Description"

From mn/ifi/inf5750
Jump to: navigation, search
Line 63: Line 63:
 
[[Image:Graph3 1.gif]]  
 
[[Image:Graph3 1.gif]]  
  
 +
<br>
  
 +
You can also take out some of the filter than the image becomes as:
  
You can also take out some of the filter than the image becomes as:
+
[[Image:Graph3 2.gif]]
  
[[Image:Graph3_2.gif]]
+
<br>
  
 +
In the same graph, if you hover over the index, you can see the values as well:
  
 
+
[[Image:Graph3 3.gif]]
If you hover over the index, you can see the values as well:
 
 
 
[[Image:Graph3_3.gif]]
 

Revision as of 20:28, 5 December 2013

Introduction

The app has the options to select three different graphs: Trends, Comparisons and Proportions.


We also have a settings page, where the user can select different data period that they want to check graphs for using swipe for mobile and arrow for desktop pc. All the graphs are catched, so if you go to different page and come back to the earlier page, you will be able see to the graphs displayed earlier immediately without having to select the option once more. We have displayed graph for each option instead of displaying all the graphs to save bandwidth.


Settings.gif


Swipe alternative in pc

Swipe.png

Trends

The first graph is 'Trends'. It shows graph with selected data elements. 

If you scroll below, you can see the footer information in the graph that displays important information.

Graph1.gif


Currently the graph is showing data elements for 3 months. You can change the input duration in the settings menu and thus by swiping the mobile anywhere in the screen or by clicking the arrows you can see the graph for different duration. This can be very help ful for the users to see improvement by comparing with different time intervals. You can see the graph with the same data elements for 12 months below:

Graph1 3.gif


Swiping in pc



Comparison

The second graph is the comparison. It is used to compare value for indicator elements within the organization unit children for different time intervals.

Graph2 1.gif

Portrait mode for different time intervals



Graph2 2.gif

Landscape mode

Proportions

The third and final graph is the pie chart. In this graph, you can select the data elements and select category. After that, pie chart is drawn with all the categories.

Graph3 1.gif


You can also take out some of the filter than the image becomes as:

Graph3 2.gif


In the same graph, if you hover over the index, you can see the values as well:

Graph3 3.gif