Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Excerpt

This guide helps you create a collaborative, student-crowdsourced timeline in Mandala Visuals.

John Alexander used this timeline for his course "Documenting UVA's Future." This course, inspired by the ouster and reinstatement of UVA President Teresa Sullivan, documented the event using oral histories. Since many students were not in Charlottesville during for the ouster, John Alexander helped them make a collaborative timeline of the proceedings in class, which included links to primary sources. This helped them understand the flow of information surrounding the ouster. Afterward, he shared the timeline with his students, so that they could reference it throughout the semester.

To make a crowdsourced timeline: 

  1. Create a Google Spreadsheet
  2. Enter your data 

  3. Format your spreadsheet 
  4. Log in to Visuals
  5. Create a new visualization
  6. Invite student contributions in class

  7. Add the visualization to UVaCollab
 

...

Section
Column
width50%

Google and the Google logo are registered trademarks of Google Inc., used with permission.

Column
width50%

 

 

 

Enter all labels you need on the top row of the spreadsheet. These are:

  • title
  • description
  • startdate
  • link

 

 

You'll leave the rows themselves blank. In class, each student will add a row to the spreadsheet, creating a single event. Before they can do that, however, you should make sure rows are formatted correctly. 
Anchor
format
format
3. Format your spreadsheet

...

Section
Column
width50%

Google and the Google logo are registered trademarks of Google Inc., used with permission. 

Column

First, go back to the spreadsheet. We're going to create two events – one with a start date of June 8, 2012 and one with a start date of June 29, 2012. We'll call the first event "start" and the second event "end." Don't worry about names too much – these are temporary reference points, and we'll delete them at the end. Use the DD/MM/Year format for the dates.

 

Now go back to the visualizations editor. Adjust the "Initial zoom of timeline" by small increments, increasing the value to zoom out, decreasing the value to zoom in, until you can see the "start" and "end" events at the opposite ends of the timeline.

...

You'll see a form with metadata fields, where you can add a title and restrict access to your HTML page. Fill out the fields as needed, then Finish. The new page will appear under the Resources. If you click on the site, you'll see the interactive timeline your students created collaboratively

This code also lets you add the visualization to a WordPress course site. Follow the Add an iFrame guide for help

Now you're finished with your project. To learn more about making visualizations, you can use this Visuals in Mandala guide. 

...