Versions Compared

Key

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

...

Section
Column
width50%

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

Column
width50%

 

 

 

 

Enter your email, then click Next

...

Section
Column
width50%

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

Column
width50%

 

 

 

 

Click New, then Google Sheets to make your new spreadsheet.

Section
Column
width50%

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

Column
width50%

 

 

 

This is where you will enter your data. Before you start that process, however, you should make your spreadsheet accessible to Audio-Video. To do this, click Share in the top right corner.

Section
Column
width50%

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

Column

 

 

Then, Get shareable link. This automatically turns on link sharing. 

...

Section
Column
width50%

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

Column

 

 

 

First, click Anyone at UVa with the link can view. You'll see extra options. Click More to see all privacy options.

Section
Column
width50%

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

Column

 

 

 

 

Choose On - Anyone with the link, then Save. Click Done to finish adjusting privacy settings.

...

Section
Column
width50%

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

Column
width50%

 

 

 

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

  • title
  • description
  • startdate
  • link

...

Section
Column
width50%

Column

 

 

 

 

Choose Relationships, then Timeline.

...

Section
Column
width50%

 

Column
width50%

 

 

First, set "Center date of timeline." In our case, we checked UVA Magazine's timeline of the ouster and realized that events happened in a window between June 8, 2012 and June 29, 2012. Therefore, we centered the timeline on June 18, 2012. Since according to the visualization index you use a DD/MM/Year format for "Center date of timeline," we entered 18/06/2012.

...

We can adjust this scope using "Initial zoom of timeline." Since the value of this field is tricky to determine, we'll create two reference events for the "beginning" and "end" points of our timeline, then adjust the value of "Initial zoom." 

Section
Column
width50%

Image Added 

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. 

 

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.

Section
Column
width50%

 

Column
width50%

 

 

 

 

Here are the values we ended up with. Notice we also had to adjust "Center date of timeline" by a few days.

...

Section
Column
width50%

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

Column

 

 

 

Enter "importance" in the first row of column E, then give all rows in the column a value of 20. 

Section
Column
width50%

 

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

 

 

 

 

Now "hide" the column to prevent your students from worrying about this value. Visuals can still read data in hidden columns. To hide column E, select the entire column, then right click on it and choose Hide from the menu.

Section
Column
width50%

 

Column
width50%

 

 

 

 

This is the hidden column. To unhide this data, click on the two arrows (< >) between columns D and F. 

Section
Column
width50%

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

Column
width50%

 

 

 

When you go back to your visualization, you'll see "start" and "end" are now smaller.  

...

Section
Column
width50%

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

Column
width50%

 

 

 

In class, you can ask each of your students to add their event in a new row of the spreadsheet, like so. 

...

Open your class site in UVaCollab.

Section
Column
width50%

 Image RemovedImage Added

Column
width50%

 

 

 

Go to Resources in the sidebar.

Section
Column
width50%

Column
width50%

 

 

 

Find the folder where you want to add the timeline. Next to the folder's name, click Actions, then Create HTML Page.

An editing tool will open. 

...

Section
Column
width50%

 

Column
width50%

 

 

 

From the window that opens, click iFrame. This tab contains HTML code that will let you embed your timeline directly into the new UVaCollab HTML page. Copy the code and return to UVaCollab. 

...

Section
Column
width50%

 

Column

 

 

 

To do so, click Sources in the editor toolbar.

...