Table of Contents
The Animated Text Visualization displays auto-scrolling text that cycles through attribute details for a single record, and allows for animated transitions between records.
Animated Text Configuration #
The Animated Text Visualization configuration is broken out into three steps:
- Base Text
Identifies the name and appearance of the Visualization.
Configures the attributes to display for each record, and how to display them.
Previews the end result based on the choices you made.
Step 1: Base Text #
A symbolic name used to represent this Visualization. This is the name that will show up in choosers when adding a Visualization to a Page.
Animation Speed #
This value sets the transition duration in seconds. The higher the number, the slower the effect, and the longer it will take for the new record to transition into view.
Animation Direction #
This determines which direction the text will move in the display.
|Right to Left||Text will move from right to left|
|Left to Right||Text will move from left to right|
Pause Duration #
This value sets the number of seconds an item is visible before transitioning.
This determines the amount of white space between the content and the container’s edge.
Vertical Alignment #
This determines the alignment of the text in the container.
|Bottom||Text is displayed at the bottom of the container.|
|Middle||Text is displayed in the middle of the container.|
|Top||Text is displayed at the top of the container.|
Item Background Color #
Determines the background color of each item.
Step 2: Renderer #
This step configures the attributes to display for each record. Each attribute has its own renderer, which determines how values for that attribute will appear in the Visualization.
Attribute Name #
This property allows you to select the attributes from the dataset whose values will be displayed in the Visualization.
This property lets you overwrite an attribute’s name with something that is more appropriate to display to an end user.
Show Label #
This property toggles whether a label is hidden.
|Yes||A label representing the attribute name will be shown, along with the value.|
|No||Only the value will appear. The Attribute name will not be shown as a label.|
Value Renderer #
Selects a renderer to use for the values of each attribute. The renderer determines how values are presented.
See Renderers for more information about the options available with each renderer type.
Label Formatter #
The label formatter is a global setting for this Visualization. It applies to all of the labels that are displayed to the left of the values in each record.
Determines the color of labels. See Color Picker.
Determines the font size of labels.
Determines the font style of labels.
Step 3: Preview #
This step previews the end result based on the choices you made.
Note that the animation between data values will pause on mouseover in the display area.