For years, The Church of Jesus Christ of Latter-day Saints has published pictures and other illustrative diagrams to communicate its message. For example, the children’s book Book of Mormon Stories includes an illustrative map indicating the possible route of Lehi’s family from the Arabian peninsula to the Americas.Seminary students receive bookmarks showing a timeline of peoples and events in the Book of Mormon. More recently, the Church has published a series of “information graphics” (known more commonly as infographics) on its website. Infographics combine color, text, and images to convey statistical or policy information in a visually pleasing manner. The Church’s infographics cover a range of topics such as humanitarian aid, missionary work, and genealogy. However, like all pictures, infographics are inherently static, meant to be viewed but not interacted with. As such, they are great at answering the questions the artist intended but are less effective at letting the reader discover answers to new questions that may arise from an initial view of the graphic. To allow this deeper level of exploration, graphics must be interactive.
Information visualization is a field of research typically associated with computer science, although it incorporates elements of statistics, graphic design, and psychology. Information visualization (often abbreviated as infovis) has been recognized as a distinct field of academic research since the 1990s, with the first academic symposium on infovis being held in 1995.Infovis certainly includes the design, creation, and evaluation of information graphics but focuses more specifically on building interactive systems that allow users to explore large data sets on a computer.
Some of the most-cited projects in infovis research during the past three decades include treemaps (fig. 1) for displaying hierarchical data, parallel coordinates (fig. 2) for visualizing multidimensional data, and ThemeRiver™ (fig. 3) for showing recurring themes in textual data over time.
As stated above, a major focus of infovis research is interactivity. Users must be able to browse, explore, query, and review data visually. These goals were perhaps best articulated by Ben Shneiderman in 1996 in a set of guidelines known as the “Visual Information Seeking Mantra.”According to the mantra, every infovis system should offer (at least) the following three features:
1. Overview First
2. Zoom and Filter
3. Details on Demand
In other words, a visualization system should start by displaying a summary of the entire data set, then allow the user to interactively select part of the data to explore in more depth. The user should also have the option of retrieving full details on any individual data item.
Adapting for Small Screens
The visual information–seeking mantra has served the information visualization community well for nearly two decades. However, the advent of mobile devices such as tablets and smartphones poses a special challenge for infovis—in particular the goal of adhering to the first tenet of the mantra: Overview First. How can one effectively display an overview of a complex data set on devices that have smaller screen sizes and less computational power than traditional desktop computers? There is not likely a single solution that will work for every kind of data; however, to solidify the present discussion, we will focus on time-series data.
We propose that large time-series datasets can be effectively visualized on mobile devices by showing a single “snapshot” of the data at a given moment in time, then allowing the user to easily navigate forward and backward in time to view other snapshots. This limits the number of data points that the system needs to render at any given time while still granting quick access to the remainder of the data. In this way, the on-screen visualization is clean and uncluttered, even on phone-sized screens.
Apostolic Succession App
As a proof of concept for our method of visualizing time-series data on small screens, we designed and implemented a mobile app called Latter-day Apostles that lets users explore a data set of all latter-day Apostles since 1832. There are two apostolic quorums in The Church of Jesus Christ of Latter-day Saints: the Quorum of the First Presidency and the Quorum of the Twelve Apostles. Mathematically, both quorums are examples of well-ordered sets.That is, each quorum has a first member and a last member, with all other members uniquely ranked somewhere in between. For example, in the First Presidency, the President of the Church is the first member, the first counselor is the second member, and the second counselor is the third member. In the Quorum of the Twelve, the first member is the president of the quorum, who is also the Apostle with the earliest ordination date within the quorum. The second member is the Apostle with the next-earliest ordination date, and so on until the last member who is the most recently ordained Apostle.
The apostolic quorums are not the only contemporary organizations that follow a well-ordered set model. Other examples include the United States Supreme Court, the Joint Chiefs of Staff, the College of Cardinals in the Catholic Church, and boards of directors for many corporations.
We use a ring-based layoutfor our visualization of the Apostles. Ring-based layouts seem to work well for well-ordered sets because they visually communicate the ranking within the set while making efficient use of screen real estate. Since there are two distinct apostolic quorums, we employ a dual-ring approach that shows both the First Presidency (inner ring) and the Twelve (outer ring), as figure 4 shows.
Our method currently supports four ways of “moving through” the data. We rank them from least precise to most precise. Users may employ all four methods during the course of a single session using the app.
Low precision. The user can rotate the outer circle with his or her finger, counterclockwise to go back in time, clockwise to go forward in time (see fig. 5). While this gesture allows the user to specify the direction of navigation, it is not well suited for selecting an exact date.
Medium precision. To select a specific year, the user can move a “slider” located underneath the graphic, left to go back in time, right to go forward (see fig. 6). When the user moves the slider, the chart updates to show how the quorums looked on January 1 of the selected year.This is acceptable to get a broad overview of the quorums’ progression over time, but insufficient for those years (such as 2015) when multiple changes occur in the quorums within a single calendar year. For these years, more precise controls are needed.
Medium-High Precision. Directly above the slider are two buttons. These buttons allows the user to navigate to dates on which changes took place in the quorums. Tapping the “back” button takes the user to the date of the previous change in the apostleship; tapping the “forward” button jumps to the date of the next change (see fig. 7).
High precision. To see what the quorums looked like on a specific date, the user can select the calendar option from the app’s toolbar. After the user selects an exact date on the calendar, the chart updates immediately to show the quorum membership on that date (see fig. 8).
Consistent with the visual information–seeking mantra, the app does support the notion of “details on demand.” If the user taps any Apostle’s portrait, the app opens a pop-up window with a higher-resolution portrait of that Apostle accompanied by biographical information.
It is a well-established design principle in infovis that transitions from one view of the data to the next must be animated. This is not mere eye candy; animated transitions are essential to maintain the user’s sense of context and to avoid disorientation, particularly in radial layouts such as ours.
We have chosen the following transitions to represent the different types of transitions an Apostle can make from year to year.
If an Apostle moves from the Quorum of the Twelve to the First Presidency, or vice versa, we simply move the Apostle’s portrait linearly from its previous position to its current position on the screen (see fig. 9).
If an Apostle moves from one position of seniority in the Quorum of the Twelve to another, we move the Apostle’s portrait angularly, not linearly. The same is true for an Apostle moving from one position of seniority to another within the First Presidency (see fig. 10).
If an Apostle’s portrait is moving from on-screen to off-screen, we animate the portrait outward, away from the center of the ring (see fig. 11).
If an Apostle’s portrait is moving from off-screen to on-screen, we animate the portrait linearly, either from the left or right side of the screen, depending on which is closer to the portrait’s final position on the chart (see fig. 12).
These rules, when applied in quick succession, such as when the user drags the slider bar back and forth rapidly, combine to produce a pleasing “swirl” visual effect.
We have been delighted with the reception of the Latter-day Apostles app. As of this writing, it has been downloaded over fifty thousand times since it was first released in August 2014. Interestingly—but not surprisingly—the download rates are cyclical, rising each Sunday and tapering off the other days of the week. Likewise unsurprisingly, downloads spike every six months around general conference time.
Comments have been overwhelmingly positive. Here are some examples:
• Well executed, great concept. Wonderful way to follow the evolving dynamic of LDS Church leadership across its history. Brilliant concept overall. Well done.
• LDS must have. Great resource on LDS history. Very user friendly. No ads. My 8 year old LOVES it.
• Very good. Being fairly new to the Church, I’ve found this fascinating. Very informative, lovely to feel you know them better, and feel closer to them.
• Love It. This is such a fun app. I love the way the date changes by turning the “dial.” Maybe a Relief Society app can be developed. 🙂
Currently, the app is available only for Android, BlackBerry, and Kindle Fire devices, but we are currently developing a version for iOS. If there is sufficient interest, we may consider bringing the app to Windows phones as well. The app is currently available in English and Portuguese, with a Spanish translation under development.
Although this visualization seems to work well for the apostolic succession data set, we believe it can be applied to other well-ordered sets. As a first step, we are developing an app that lets users visualize the chronology of U.S. Supreme Court justices (see fig. 13).
While conventional wisdom and past studiessupport the importance of animation in information visualization systems, other studies question this assumption. To that end, we would also like to conduct a usability study evaluating whether the animated transitions employed by the app actually improve user comprehension.
In this paper, we present a general overview of the field of information visualization research and propose an approach to adapting infovis design principles to small-screen devices such as smartphones and tablets. We introduce the software prototype Latter-day Apostles to showcase the possibility of navigating time-series data—in particular, well-ordered sets that vary with time—on a mobile device. Thus far, users have been very receptive to this app and its methods of interaction. We hope that Latter-day Apostles will inspire other infovis researchers in general, and LDS software developers in particular, to create engaging mobile and desktop apps that provide easy navigation through a variety of data sets.
Meilan Jin is from Yanji, China. She is a current master’s student at Brigham Young University. Her research interests include operational research and engineered system, policy science and human systems, and information visualization and mobile app development. She graduated in 2014 with a BS in computer science and a double minor in information systems and English as Second Language from Brigham Young University–Hawaii.
Iliesa S. K. Delai is from Suva, Fiji. He is studying computer science at Brigham Young University–Hawaii. When not adding new features to the Latter-day Apostles app, he also works as the webmaster for BYU–H’s Computer and Information Sciences Department. Iliesa loves spending his leisure time with his family and friends.
Geoffrey M. Draper is Associate Professor of computer science at Brigham Young University–Hawaii. His research interests include information visualization, human-computer interaction, mobile app development, and vintage computing. He received a PhD in computer science in 2009 at the University of Utah.
1. See Jerry Thompson and Robert T. Barrett, illustrators, Book of Mormon Stories (Salt Lake City: The Church of Jesus Christ of Latter-day Saints, 1997), 16–17; available at https://www.lds.org/bc/content/shared/content/images/gospel-library/manual/35666/35666_000_008_01.pdf.
3. See an example at http://www.mormonnewsroom.org/media/orig/Mormon_Global-Christ-Centered_12-13-13_Infographic.jpg; see also The Church of Jesus Christ of Latter-day Saints, “Infographics,” Newsroom: The Official Resource for News Media, Opinion Leaders, and the Public, http://www.mormonnewsroom.org/article/infographics.
4. “Foreword,” IEEE Symposium on Information Visualization (1995), vii, doi:10.1109/INFOVIS.1995.10003.
5. Ben Shneiderman, “The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations,” IEEE Symposium on Visual Languages (1996), 336, doi:10.1109/VL.1996.545307.
6. Edward Tufte, The Visual Display of Quantitative Information (Cheshire, Conn.: Graphics Press, 1983).
8. At certain times throughout history, there have been additional counselors in the First Presidency, who would rank “fourth” or “fifth” and so on.
9. Geoffrey M. Draper, Yarden Livnat, and Richard F. Riesenfeld, “A Survey of Radial Methods for Information Visualization,” IEEE Transactions on Visualization and Computer Graphics 15 (September/October 2009): 759–76, doi:10.1109/TVCG.2009.23.
10. For the year 1832, the slider defaults to March 8, the date the first First Presidency was organized. In contrast, moving the slider to the current year updates the chart to today’s date. For every other year, the slider defaults to January 1 of the selected year.
11. Ka-Ping Yee, Danyel Fisher, Rachna Dhamija, and Marti Hearst, “Animated Exploration of Dynamic Graphs with Radial Layout,” IEEE Symposium on Information Visualization (2001), 43, doi:10.1109/INFVIS.2001.963279.
12. Yee, Fisher, Dhamija, and Hearst, “Animated Exploration of Dynamic Graphs with Radial Layout,” 43.
13. Barbara Tversky, Julie Bauer Morrison, and Mireille Betrancourt, “Animation: Can It Facilitate?” International Journal of Human-Computer Studies 57, no. 4 (2002): 247–62.