Timelines JS & Story Map

This week our class discussed geospatial and temporal visualizations and were encouraged to test out some of the tools available to help bring data to life in some really engaging and interactive ways. Two of the tools I was most intrigued by were Timeline JS and the Story Map. I’ve previously worked on a website for a multimodal composition class where I began to explore how visual rhetoric has played a role in the African American community. Using images and text from the website, I wanted to see what that might look like in another format.

To begin, I tried out Timeline JS, What I like about Timeline JS is the flexibility it allows users to embed visuals, video, and other media formats. Having a digital timeline also creates an illusion that the time period between events is shorter or longer, which I will explain further in regards to my first attempt creating one.

In this first frame you can see I included just text and an image for my home page which is similar to the website homepage

Screen Shot 2019-02-10 at 9.23.37 AM.png

What’s different about the interface of the timeline vs my website is, the website is not designed to go in any particular order, whereas the timeline only allows you to move forward. This make sense being that timelines are used to show the chronology of events that have taken place.

Screen Shot 2019-02-10 at 9.24.00 AM.png

Because I realized my website did not have many events that happened in chronological order, I was stuck for a moment on how I could translate the material to Timeline JS. What I decided to do was to stick to one topic that was explored in my final project which happened to be the different arts movements and how that connects to visual rhetoric in the field. Here, you see a description of the Harlem Renaissance, which was important to show the diversity in art that was taking place in Harlem in the early 20’s to 30’s.

Screen Shot 2019-02-10 at 9.24.13 AM.png

In this next slide I talk about the Black Arts movement which showed a progression in the kind of multimedia and visuals that was being produced by African Americans during the 60s and 70s. What I realized during this slide is a large gap in time I still needed to explore and find data on because even though these are the two known arts movements what is being left out is just as important to the story of African American visual rhetoric and design.

Screen Shot 2019-02-10 at 9.24.23 AM.png

My last slide begins to tell the story of visual rhetoric in the field. It was important for me to include this slide because I want to tell the story of African American visual rhetoric in relation to the field, which identifies gaps and areas that lack representation.

After working on the timeline, I attempted to work on the story map but realized for it to be most effective, I would need more dates and time periods in the story I am trying to tell, and at this point I am still in the very early stages.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s