...
| Section |
|---|
| Column |
|---|
|  |
| Column |
|---|
| 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. |
|
However, the scope of the timeline still isn't quite right. The ouster happened over the course of a month, but we are zoomed out to the level of years in the timeline.
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 |
|---|
| 
|
| 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. |
|
...
Save your visualization. You're all ready for your class to create a collaborative timeline together.
7. Invite student contributions in class
For the class, you should have a way to project your visualization.
...
Share the timeline spreadsheet with your students. To do this, you should use the URL of the spreadsheet at Share > Copy Link. If you've followed the spreadsheet setup process correctly, all your students need is the URL of the document to edit it.
| Section |
|---|
| Column |
|---|
| In class, you can ask each of your students to add their event in a new row of the spreadsheet, like so |
|
...
You'll see the timeline grow gradually, giving your students a sense of how information flows through time.
You can make this timeline available to your students after class in UVaCollab.
8. Add the timeline to UVaCollab
Open your class site in UVaCollab.
| Section |
|---|
| Column |
|---|
|  Image Added |
|
...
...
| Section |
|---|
| Column |
|---|
| Find the folder where you want to add the timeline. |
|
...
Next to the folder's name, |
|
...
...
...
An editing tool will open. |
|
Now you need to fetch your timeline from Visuals. To do this, open the visualization then click the Share icon. 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.
To insert the code into the page, you need to switch the UVaCollab editor mode to edit HTML. To do so, click Sources <> from the editor toolbar. Then, paste the code from Visuals and Continue.
...
