9. Time Series
In this Session… | Before you begin… |
| Download the starting data view and snapshots library: |
Slide | |
---|---|
1 | How To GraphXR 9. Time Series |
2 | Before You Begin… Ideally, you’ll have worked through Module 8. Layouts and Pinning. If you’re starting here, and you want to follow along, you’ll need to:
|
3 | With the data loaded we’ll look at changes over time in the television series. Open an Episodes Table to see that our Episodes nodes include an episodeAirDate, as well as properties like millionViewers and totalLines. |
4 | To visualize time series, we’ll use geometric or parametric layouts to order and caption nodes by date-time property values, then use filters to select data from specific time periods and animate changes over time. |
5 | First we’ll lay out Episodes nodes in a grid arranged by episodeAirDate in ascending order. In the legend, click the Episodes category to select all its nodes, and open the Geometric layout panel. |
6 | Click Order by Property, choose Episodes and episodeAirDate and click Ascend. |
7 | Next we’ll scale the nodes by the millionViewers property value, and set episodeAirDate values as captions. Click the Episodes colored dot in the legend to open the style setting dialog. In the Size tab select millionViewers. |
8 | In the Caption tab, select episodeAirDate, and dismiss the style setting dialog. Zoom in to see that the captions and sizes are applied. |
9 | For visual clarity, we’ll lay out Characters nodes in a spiral and House nodes in a line sorted by houseName. |
10 | Now ctrl+left click in the legend to select both Character and House categories and use left click+ drag to move those nodes away from the Episodes grid. |
11 | Now open the Filter panel and select episodeAirDate in the Node Property menu to filter Episode nodes by date. Notice that we can apply multiple filters at once for any date, numerical, or categorical (string) property. We’ll filter on one set of property values for now. |
12 | Let’s filter on a 2-month date range. Use the handles to set a range, or click the |
13 | Scrub through the values using the handles, or use the playback controller to play through values or a locked range. The live chart shows the distribution of nodes as you play through the timeline. Let’s click the Chart checkbox to hide it. |
14 | We use the filter’s playback controller to animate our timeline filter. We can set the duration and direction of play, and play the animation on continuous loop. To share the animation with other users, go to the Project=>Data tab and save a view.a View. |
15 | Click the trash can icon to clear a filter and display all the data again. Notice that if you first click Select Visible Nodes, filtered nodes remain selected. |
16 | This is useful when you want to temporarily tag or hide filtered nodes, or invert the filtered data. |
17 | Now let’s build a time series by filtering a parametric layout. Open the Layout=>Parametric tab. Select episodeAirDate and millionViewers for X and Y axes and totalLines for the Z axis, then click Apply. |
18 | Next we apply a filter to isolate nodes with specific date property values. |
19 | Manually scrub through the values using the timeline handles, or use the playback controller to animate the view. Again, to share the animation with other users, go to the Project=>Data tab and save the graph as a view. |
20 | Next, in Module 10. Algorithms, we’ll look at finding paths and measuring the degree of connectedness or grouping of nodes in a graph. |
Next Steps…
How To GraphXR: Module 10. Algorithms.