INFORMIX
Visionary User's Guide
Chapter 5: Displaying Data in a Scene
Home Contents Index Master Index New Book

Creating Layouts to Display Data

This section introduces layouts and data elements, as follows:

What Are Layouts and Data Elements?

Layouts are graphic representations you can use to show data relationships. Visionary layouts enable you to display your data in various formats. For example, an XY chart has an x- and a y-axis and can be used to show trends for two variables plotted on a graph, whereas a pie chart can be used to show percentages of a total amount.

The data element is the portion of the layout that shows the data, indicating trends, comparisons, parts of a whole, and other relationships. For example, in a scatter chart, the data element is the set of data points representing the x- and y-coordinates.

Layouts can contain other graphic objects, such as axes and text labels, as well. When you modify your scenes, you can add objects to customize the appearance of layouts.

There are five categories of layout that include a variety of individual layout styles:

The following table lists the individual layout styles that belong to the categories just described.

Layout Description

Candlestick chart

A chart that displays gains and losses in stock prices, or other value-based indexes, and volumes over time. The
x-axis represents time, and two y-axes represent price and volume. The color of the candlestick shows either gain or loss: typically, green for gain and red for loss.

Column chart

A chart that displays vertical columns, or bars, to represent values measured on the y-axis that correspond to categories displayed on the x-axis.

You can use column charts to analyze trends over time or to compare quantities of different items.

Event band chart

A chart that displays a vertical band representing time intervals for each row returned by a query.

You can add layers to an event band chart to show correlations between time-based events and other data changes.

Multivariate chart

A chart that displays several scatter charts in a grid.

You can use the multivariate chart to analyze three or more independent variables.

Pie chart

A chart that displays a circle cut into wedges; each wedge represents one row returned from a query.

You can use the pie chart to examine shares or percentages of a whole.

Scatter chart

A chart that displays data in a two-dimensional graph in rectangular coordinates.

You can use the scatter chart for statistical analyses, such as correlation studies.

Stock chart

A chart that displays fluctuations in stock prices, or other value-based indexes, and volumes over time. The x-axis represents time, and two y-axes represent price and volume.

Timeline chart

A chart that displays a time series. The x-axis is a date-based axis, and the y-axis can be assigned to a numeric data value.

You can use the timeline chart to show a trend among data values returned in a sorted order.

XY chart

A chart that displays data in a two-dimensional graph consisting of data points connected in a line in the order in which the data was retrieved.

You an use XY charts to show correlations between two variables and trends in these correlations.

Simple form

A form that displays data for a single row returned from a query. The simple form is particularly useful for showing a closer level of detail about a single data point in a bigger layout.

You can also use the simple form to create a single data-bound object in a scene: for example, a Web site for which the URL is determined by a query result.

Cluster graph

A hierarchy that displays data in a recursive and circular set of hubs with spokes. Each hub represents a data point; the spokes show the relationship between the hub value and its satellites. Cluster graphs automatically expand as the viewer of the layout zooms in.

Organization chart

A hierarchy that displays data in a tree structure that reads from top to bottom. Optional expander buttons allow users to expand or collapse levels of the chart.

You can use the organization chart to show a cascading set of one-to-many relationships, such as a personnel hierarchy.

Tree chart

A hierarchy that displays data in a tree structure that reads from left to right.

You can use the tree chart to show a cascading set of parent-child relationships. Levels on the tree chart can be manually expanded by clicking expander buttons.

Linear map

A map that displays spatial data as polylines or as polygons.

Horizon pattern

A pattern that displays data values in decreasing sizes into an infinite horizon. Zooming in reveals more data in the distance, and zooming out shows more data closer to the viewer.

You can use the horizon pattern when you want to display data in an appealing way, but without mathematical relation or analysis.

Matrix pattern

A pattern that displays data in a two-dimensional array of cells.

You can use the matrix pattern to display data values as if they were on a gallery wall.

Spiral pattern

A pattern that displays data in an infinite, inward spiral, in which each data value becomes smaller and smaller. Zooming in reveals more data further into the spiral, and zooming out shows more data on the outer portion of the spiral.

You can use the spiral pattern when you want to display data in an appealing way, but without mathematical relation or analysis.

Table pattern

A pattern that displays data in tabular format. Each row returned from a query is mapped sequentially to a row in the table pattern.

All of these layouts are available in the Layouts panel of the World Manager. They are also available in the Layout wizard.

Tools

The following table lists the Visionary Studio tools you can use to create and modify layouts.
Tool Description Use when...

Layout wizard

Guides you through the steps of creating a layout.

Inserting a layout into a scene.

Data Element Editor

Provides a design window in which you modify data points and map data values to them.

Scene Editor

Provides a design window in which you can position and size a layout and see the query output in the layout at runtime.

World Manager (Graphics page)

Provides panels of objects you can use to create and customize layouts.

Inserting objects into a layout.

Object Inspector

Provides a Properties page where you can view and modify object properties and an Events page where you can associate events with actions on the objects.

Viewing or modifying object properties and behavior.

Basic Steps

Follow these steps to create a layout:

    1. Insert the layout into a scene.

    2. Select the data source.

    3. Map the data source to the layout.

    4. Modify properties of the layout and the data element.

The Layout wizard guides you through many of the steps of creating a layout, such as mapping the data values to the layout, which creates the initial data element for your layout.

However, for some layouts, you must perform the data mapping manually. For all layouts, you can modify the layout after it is inserted. For example, you can change the x-coordinate value for data points in an XY chart.

To manually map data to layouts, see Chapter 7, "Modifying Object Properties." To modify data points in layouts, see "Modifying Data Elements".

Important: The Layout wizard does not map data values for the cluster graph, spiral pattern, horizon pattern, or matrix pattern. For information on how to map data values to these layouts, see "Inserting Content into Empty Layouts".

Example

Suppose you want to create a pie chart to show market share for four customers. Here is how you might do that.

To create a pie chart

    1. Insert the layout into the scene.

    Choose Insert Layout to launch the Layout wizard.

    2. In the first step of the Layout wizard, select the layout you want and click Next, as shown in Figure 5-1.

    Figure 5-1
    Selecting a Layout

    3. Select the data source.

    In the Layout wizard, select the data source you want from the Select the data source box and click Next.

    4. Map the data source to the layout, as shown in Figure 5-2.

    Select a column from the Slice values list box.

    5. Click Finish to complete the layout.

    The Data Element Editor appears and displays the Wedge object.

    6. In the Scene Editor, click Runtime Mode and view your results.

    7. Optionally, modify layout properties.

      a. In the Scene Editor, click Design Mode and drag the layout where you want to place it in the scene.
      b. Click Runtime Mode and view the results again.

      c. Select the PieChart object in the Object Inspector list box and type .75 in the Radius cell, as shown in Figure 5-4.

      Figure 5-4
      Modifying a Property


    8. Optionally, modify data element properties.

      a. Choose View Data Element to open the Data Element Editor, as shown in Figure 5-5.

      Figure 5-5
      Choosing to View the Data Element


      b. Select AlignPanel1.Text1 from the Object Inspector list box, as shown in Figure 5-6, and modify the object properties.

      Figure 5-6
      Selecting the Text Child Object of the Alignment Panel


    9. Click Runtime Mode in the Data Element Editor and view the results.




Visionary User's Guide, version 1.0
Copyright © 1998, Informix Software, Inc. All rights reserved.