Overrides: Animation

Main controls for chart value and subtitle animations.

Use these controls to animate between CSV Headers (Series). Controls are split between Main Value and Subtitle animations.

Chart Animation override.

Important

The values in the Animation overrides are non-preset values. That is, keframed values will,

• persist when changing presets,

• not save to animation presets,

• be cleared when data is remapped.

Note

As subtitles are string components, they can not be animated via traditional keyframing.

The Subtitle controls will allow animating of up to 5 subtitles.

Components

Menu: Main Value

Controls for animating the main value using multiple value series.

List: Value Header

Select a header (series) from the CSV.

Integer: Current Frame

Sets the active frame marker.

Button: Update Keyframes

• Updates the Main Value for each datapoint in the set.

• Creates a keyframe on each input for each datapoint objects Geometry Nodes modifier in the Ch_Datapoints collection.

• Creates a Timeline marker.

Series animation with created keyframes and markers.

Button: Jump to Marker

Jump to the given frame.

Button: Remove Current Keyframe

Removes all created keyframes and markers for the active frame.

Button: Clear All

Removes all created keyframes and markers.

Menu: Subtitle

Controls for animating the chart subtitle.

Subtitle animation override.

Toggle: Animate Subtitle

• Enabled: Disables the set Subtitle and replaces it with the overrides below.

• Disabled: Disables Subtitle override.

---

Usage Examples

Animate between Series

Part 1: Create a looping animation

This example will illustrate animating between data series. It will compare population of wildlife in the year 1800 VS the year 2026 in a looping animation.

Setup

1. Load the CSV Demo File.

2. Map the following components in Data Mapping:

   1. Main Value: Population 1800.

   2. Disable Toggle: Auto.

   3. List: Sort Order: Population 1800.

   4. Click on Button: Map Datapoints.

3. Apply the preset:

   Full/Default_00/02_Examples/Animating Series
   

Animating series starting point.

Animate the series

4. Navigate to Chart Setup/Overrides/Animation/Main Value.

5. Set List: Value Header to Population 1800.

6. Set Integer: Current Frame to 1.

7. Click Button: Update Keyframes. A keyframe and marker will be created on frame 1.

8. Set Integer: Current Frame to 250.

9. Click Button: Update Keyframes. A keyframe and marker will be created on frame 250.

10. Set Integer: Current Frame to 125.

11. Set List: Value Header to Population 2026.

12. Click Button: Update Keyframes. A keyframe and marker will be created on frame 125.

Animating series adding keyframes.

Next, the Subtitle will be animated.

Part 2: Animate the Subtitle

Note

This example continues from the previous Animate between Series example.

Once keyframes are animated, the Subtitle may be animated to match the keyframes.

1. Navigate to Chart Setup/Overrides/Animation/Subtitle.

2. Enable Toggle: Animate Subtitle.

3. Set the following parameters, to match the keyframes set in the previous example.

   See screenshot below:

Sample parameters for Subtitle animation.

4. Play the Animation to see the result.

Animation result A (Normalized Range)

Part 3: Lock Custom Value Range

Note

This example continues from the previous Part 2: Animate the Subtitle example.

For this example, the value range minimum and maximum will be locked to a single value for the animation loop. This will result in the Axis label values remain static while the datapoint values are animated.

Note

In the Animation result A above the chart size remain the same even though the value min/max are changing with the series. This is because the values are scaled 0-1 (normalized). There are multiple ways to scale the range as different methods are required for different chart types.

For more info on scaling the range, see Overrides: Value Range.

Note the Set Maximum

1. Go to frame 1 and frame 125 and compare the Max values in the Legend Info component to find the highest value.

   1. Frame 1: 520000

   2. Frame 125: 358000

Modify the Value Range

1. Navigate to Chart Setup/Overrides/Data Value Range.

2. In the Value Range box, enable Toggle: Use Custom Max.

3. Set the Float: Custom Max to the highest maximum in step 1 (520000).

4. In the Axis Range box, enable Toggle: Axis Use Custom Max.

5. Set the Float: Axis Custom Max to the highest maximum in step 1 (520000).

Modify the Value Range for animation loop.

Optional - Manual Axis Size

7. Navigate to Chart Setup/Axis/Setup and modify to match the values in the screenshot below.

Modify the Axis for animation loop.

8. Play the Animation to see the result.

Animation result B (Locked Range)