This section describes a design mock-up for a LSiD? visualization of the Day of DH 09 Data set.
These mock-ups attempt to follow the best practices laid out in Principles of LSiDs. However, the display that this visualization was designed for is limited to a resolution of 3048x1024 pixels. Thus, the visualization still employs different methods of space saving.
* Mock-up 1:
Documentation:
Documentation:
- The group of boxes on the left hand side are Elastic Lists. The control provides immediate feedback to the user as to how many results they can expect without having to look away. The numbers in the box represent the number of results in each category. For example, there are 92 total blog entries, 62 of which are by faculty members, and the remaining 30 are either graduate students or support staff. By clicking on a box, the numbers will refresh. for example, if we select Canada, then the numbers in the gender, role, and institution boxes will change to reflect the new totals.
- The time selector on the bottom left is also a quick way to select posts temporally based on the GMT-7 time zone. The bar graph in the background of it reflect the number of total posts during each hour. This bargraph is reactive to the Elastic Lists up above and vice versa. By moving the two sliders, the user is able to limit the time frame from when posts should be displayed. As a final note, the shaded region of the map also reflects the time of day. If, using the slider, we select GMT-7 10pm, the region over the GMT-7 timezone will be darkened while areas such as the UK will be bright. This gives the user a general idea of when the posts displayed were posted without having to look back at the time slider.
- Each colored box on the right hand side is a complete post along with any images attached at the end. Every post is tied to its location of origin, and when there are multiple posts coming out of one area, they are listed out 1 through n along the bottom. The user is then able to flip through each post by clicking the number at the bottom. This display method for the visualization does not work as well as hoped due to the limited vertical resolution of the display being worked with.
