This site requires Javascript to be turned on. Please enable Javascript and reload the page.

Itinera's Displacements: A Roundtable

Travelers Figure 1

Figure 1. Lady Mary Montagu’s Network, Itinera’s current Travelers visualization. Lady Mary Wortley Montagu is the central agent whose name is highlighted in red and whose relationships are shown radiating around her name. The surrounding blue dots indicate those who had relationships with her, as they have been recorded in Itinera. Clicking on an outer blue dot changes the visualization to revolve around a new agent and to display that agent’s relationships.

This page has annotations:

Contents of this annotation:
1. Travelers Figure 1 Figure 1. Lady Mary Montagu’s Network, Itinera’s current Travelers visualization. Lady Mary Wortley Montagu is the central agent whose name is highlighted in red and whose relationships are shown radiating around her name. The surrounding blue dots indicate those who had relationships with her, as they have been recorded in Itinera. Clicking on an outer blue dot changes the visualization to revolve around a new agent and to display that agent’s relationships.
Contents of this annotation:
1. Travelers Figure 1 Figure 1. Lady Mary Montagu’s Network, Itinera’s current Travelers visualization. Lady Mary Wortley Montagu is the central agent whose name is highlighted in red and whose relationships are shown radiating around her name. The surrounding blue dots indicate those who had relationships with her, as they have been recorded in Itinera. Clicking on an outer blue dot changes the visualization to revolve around a new agent and to display that agent’s relationships.

This page is referenced by:

Displacement #3: Itinera as Code
My introduction to Itinera began as a first-year computer science student, when I had the opportunity to work on a long-term project focused on updating Itinera’s “Travelers” visualization. The Travelers visualization was initially very intimidating to me. I was not familiar with the historical aspect of the data, and I had no idea how the code worked. Over the past four semesters of working on Itinera as a student, I have had many new and important learning experiences. This project has increased my understanding of how to work with data, specifically unfamiliar data. I have also had the experience of working in a computer lab environment with a team of people who are all engaged with different parts of the same project. In the lab, I have learned the value of having an understanding of everyone else’s contributions, processes, and goals. Over this time, I have also developed a better understanding of the value of Computer Science in combination with Art History and other disciplines. The process of teaching myself a new programming style has also resulted in a fair deal of trial and error, which has frequently led me into and out of rabbit holes. I can now better distinguish these rabbit holes and climb out of them more quickly than I could in the beginning. I have learned the value of what a data visualization can offer to students, researchers, and anyone curious about data relationships. Working on Itinera has been a very informative opportunity due to all of the different approaches I have experimented with and the many challenges I have been faced with.

In the beginning, I did not know where to start, so one of Alison’s lab project managers, Sarah, helped guide me through the initial steps. The first step was to increase my familiarity with Itinera’s current functionality. The best way to do this was to spend time looking at the functionality of the JavaScript visualization from the front-end. For reference, the back end of the Itinera code (the code that runs the visualization) was not a part of my learning experience until three semesters later. Instead I began learning by simply interacting with the current Travelers visualization (Figure 1), starting by selecting an agent from the red index tab located at the top right of the visualization. The green box on the right of the screen provides information about the selected agent, such as the name, an image, and life achievements. The surrounding blue dots and corresponding names are the central agent's related agents. To change the central agent, the user can either select a new agent by clicking another blue dot on the visualization, or choose a different name from the index. Then, the new selected agent will appear in red at the center, surrounded by his or her social relationships.
This step, of familiarizing myself with the basics of Itinera, such as how the current visualization performs and how the data is presented, provided an incredibly important foundation. Just by clicking through the visualization, I was able to recognize patterns and form an idea of how the code might work. This was a small but important first move because I was able to compose my own understanding before being overwhelmed by completely new and unfamiliar code. I was also able to develop ideas about how to critically approach a more informative visualization in the future.

One part of the visualization that initially confused me was the cloud of unfamiliar names. Clicking on any name would produce another cloud of unfamiliar names. I was very concerned that it would be difficult to work on the code without also being familiar with eighteenth-century history. After four semesters of seeing the same names, I eventually created my own understanding of the relationships and agents in Itinera. Although I don’t have a historically based understanding of these names, repetition and curiosity have led me to form my own connections and understandings about the data. Similar roadblocks have appeared throughout my work on the project. It takes effort to recognize these roadblocks and remind myself that I cannot let them stop my productivity. It is much more productive to consider what I do know, rather than what I do not. I may not understand the history of these names, families, and relationships, but the purpose of being able to code is to use a computer to assist in developing such an understanding. Many times, I’ve had to refocus myself on the small steps that are the foundation for taking bigger steps.

After forming an understanding of Itinera from a user's perspective, I began learning JavaScript D3. D3 is the JavaScript library that the current Travelers visualization uses. D3 has been very challenging for me to learn and understand because I have not yet had the chance to take a formal JavaScript class in school. Without web-based coding training, the learning process was slower, which was very discouraging for me at times. A major benefit in working with D3, however, is that there are premade templates, meaning that examples of the complex and difficult code are freely offered as starting places for the coder. The final goal of my project is to utilize the D3 “Force-Directed Graph” template written by Mike Bostock to successfully create an enhanced representation of Itinera’s Travelers data. To the viewer, this will provide a descriptive and interactive visualization of the relationships between all of Itinera’s agents. When completed, viewers will be able to look at multiple agents’ relationships at a time or zoom in to look at more personalized relationships (Figure 2). This customization is important because it allows the user to tailor the visualization to specific needs. It also improves upon the current radial model (Figure 1), which can only generate one set of social relationships at a time.

One of my major goals is to make the template function properly, relying on other online examples, including those presented in tutorials. Yet, these models have limited use because they all rely upon small and pre-formatted amounts of data, already structured to work perfectly with the sample visualization code. Itinera’s data is formatted in a much more complex way. There have been many times that I found it difficult to understand how to proceed with large amounts of data. I still do not feel I truly understand it properly, but I am approaching a point where I can begin to understand the appropriate process. The feeling of being stuck, especially with the large amount of resources online, has been challenging. I have tried to escape rabbit holes by breaking the code down, line by line. Reading lines of code like paragraphs in a book does not always work in an expected way due to the overwhelming amount of information. Instead, reading each word and connecting it with a meaning has been a more productive route of working through problems.

Aside from the code, I have learned to represent the data that my colleagues have spent a long time gathering and researching accurately and informatively. Working on Itinera has helped me understand how very different disciplines can successfully work together. Art History, Digital Media, and Computer and Data Sciences are incredibly interesting when combined into a single project, such as Itinera, and develop the potential to provide new and complex historical understandings.

Header:
Robineau’s network visualization, generated by Itinera.
Screenshot by Nancy Um, modified in Adobe Illustrator, 2018.