Animated Text

Overview #

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:

  1. Base Text
    Identifies the name and appearance of the Visualization.
  2. Renderer
    Configures the attributes to display for each record, and how to display them.
  3. Preview
    Previews the end result based on the choices you made.

Step 1: Base Text #

Name #

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.

Min 0.1
Max 10

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.

Min 0
Max 300

Padding #

This determines the amount of white space between the content and the container’s edge.

Min 0
Max None

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.

Label #

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.

Color #

Determines the color of labels. See Color Picker.

Size #

Determines the font size of labels.

Min 6
Max 256

Style #

Determines the font style of labels.

Normal Sample
Italic Sample
Bold Sample
Bold Italic Sample

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.