Create and Manage Combo Charts in Visualizations

Permissions: Any Data Central user can create, save, and edit a visualization, but the user must have the Data Central Designer privilege to save a visualization as public or edit public visualizations.

A Combo chart is a visualization that combines bars and lines into a single view. A Bar chart employs rectangular bars to represent data values, making it ideal for comparing categories. In contrast, a Line chart connects points in a continuous flow, making it especially useful for illustrating trends or patterns within the data.

By combining these two chart types, the combo chart emphasizes various aspects of the same dataset that may be difficult to see through a single format alone. Data Central’s method employs both bars and lines side by side, providing clear comparisons of individual data points while highlighting overall patterns or trends.

Create a Combo Chart

Start from the left navigation, locate the Visualizations section, and click the '+' New Visualization icon.
Click Combo to open the chart designer window.
In the Fields section, click the arrows, Data Store names, or Domain names to expand the data. Scroll down to view all available domains and fields.

In the example below, the Search feature was used to locate the AEREL (Relationship to Drug 1) field in the Clinical data store and the Adverse Events domain by typing part of the field name.

Tip: Search also supports dot notation, e.g. DataStore.Domain.Field.

Customize Dimensions

A Dimension is a field that segments or categorizes data, allowing separate bars to be generated for each subgroup. Dimensions are typically categorical or discrete variables such as toxicity grade, sex, or ethnicity. This allows for a visual comparison of the Measure's distribution across different subgroups in the Dimension.

Drag the AEREL field into the Dimension area in the designer. The preview will show all the values of the AEREL field as separate bars. (By default, it also adds a measure with the count of records. For more details, see the Customize Measures section.)
Find the field SEX in the Demographics domain and drag it over to the Dimension area as a secondary dimension. A maximum of two dimensions can be added.

Notice how the secondary dimension has further categorized each bar as male or female.
To filter out the null values for this Dimension, click the Filter icon in the dimension area to open the filter options. Select the Exclude Selections radio button. Then, select SEX from the drop-down menu that displays when the Filter Field textbox is clicked.
Now, click on Operator and select Null or Empty from the drop-down menu.
Click OK.

The chart will now apply the Null filter for the SEX dimension.

Important: A warning message will appear when a user attempts to use more than 4096 records, and only the first 4096 records will be displayed in the chart.

Dynamic Dimensions

Visualizations with Dynamic Dimensions enable users to switch between dimensions, prompting the chart to update automatically. The dynamic dimensions are presented at the top or bottom of the chart along the x-axis in two different formats, appearing as toggle buttons or a dropdown menu. Dynamic Dimensions can be added to both the primary and secondary dimensions.

To add additional Dimensions that can be toggled between dynamically, click on the 3-dots to the right of the AREL field in the Dimensions section, and the Dynamic Dimensions pop-up will open.
Click on the Additional Dimensions textbox and select from the drop-down list which contains all the fields in the selected dimension's domain. The AETOXGR field has been selected as a dynamic dimension.

Note: Up to 10 Dynamic Dimensions can be selected within the same domain.
To add a dynamic Dimension to the secondary Dimension, click on the 3-dots next to the SEX field and when the pop-up opens, add the ETHNIC field.
Display As Pills is checked by default. This option determines how dynamic dimensions are displayed on the chart along the x-axis.
Labels are automatically generated for all dynamic dimensions. The label can be changed if there is only one dimension or for the first dimension, by updating the Label textbox.
To remove a dimension, click the 'X' to the right of the field name.
After configuring the dimensions, click OK.

The published Combo chart will display the Dynamic Dimensions as either pills or two drop-downs along the x-axis from which to select. The chart will update based on the selection for the dimension.

When Display as Pills is checked, click on a pill to toggle between dimensions:

When Display as Pills is unchecked, there will be a drop-down to select the dimension to view:

Dimension Update Options

Click the 3-dots in the header of the Dimensions area.

Update the primary dimension axis sort to be ascending or descending, and specify whether to sort by the Dimension or Measure.

Add a Filter to a Dimension

A filter can be applied to a dimension using fields that belong to the same domain as the dimension. Keep in mind that only one filter condition can be applied to each Dimension.

Click the Filter icon next to the AEREL field to open the pop-up.
The default setting is Include Selections, which can be changed to Exclude Selections if preferred.
Click in the Filter Field textbox to open the drop-down menu and select the field to filter by. In this example, SITE (Site Name) was selected.
Open the Operator drop-down menu and choose from the available options: =, <, >, Null or Empty, or Between. In this example, '=' has been selected.
Select the values to filter to in the Filter Value drop-down menu. This example includes Mansfield Hospital, Mayo Clinic, Oncology Center of PA, Sacred Heart Medical Center, and St Mark's Hospital.

Note: After defining any filter for the chart, the filter icon will become shaded.

Tip: To collapse or expand each area (Dimensions, Measures, Filters), click the down / up arrows. Click the box icon to view only one area and collapse all other areas.

Dynamic Filters

Dynamic Filters allow users to select predefined values from a drop-down menu located at the top of the finalized chart. When viewing the chart, users can pick one or multiple values from the drop-down menu, which immediately updates the chart to display the selected filter values.

Turn on Dynamic Filters by clicking the toggle switch.
Click the Optional Default Filter Value(s) textbox to select the default values that the published chart filters to when opened. In this example, all five values are set as defaults, which means the chart will open filtered by all five selected values.

If no default value(s) are configured, the chart will filter by the first value in the list, opening with all records filtered by Mansfield Hospital.

Click OK.

Tip: Click in the whitespace to close the drop-down if the OK button is not visible.
When viewing the published chart, a drop-down menu with the filter values appears at the top. To apply the filter, click the drop-down arrow. Then, click the blue box labeled 5 selected to view the list of the five values available for filtering.
Select the values to filter, then click Apply, and the chart will immediately reflect the applied filter.

Note that now the blue box shows the number of values selected, which is 3 in this case.

Customize Measures

By default, the system automatically includes the primary dimension in the Measures area. When the AEREL field is added as the primary dimension, it appears on the x-axis, while the y-axis shows the Measure, which counts the number of records for each subgroup of the Dimension.

Add an Additional Measure

To add an additional measure, drag the AGE field from the Demographics domain into the Measures area. Click the 3-dots next to the AGE field to open pop-up.
Select the Chart Type: Line is selected; available chart types include Bar (default), Stacked Bar, Full Stacked Bar, Line, Spline and Area.
Select the Aggregate: Average is selected; available aggregates include Count Distinct, Count (default), Sum, Average, Minimum, Maximum, Standard Deviation, and Variance.
By default, the Label is automatically generated but can be updated.
The checkbox for Secondary Axis is only available for additional measures. Check the box if you want the measure axis label to display at the right.
Click OK. The chart view updates.

Add a Dynamic Measure

Data Central Visualizations support Dynamic Measures, allowing users to select from additional measures to display. In this example, AEREL (Relationship to Drug 1) is the primary measure and AEREL2 (Relationship to Drug2) is the Dynamic Measure. The measure fields will display as a drop-down with checkboxes to display the measure. Dynamic Measures can only be added to the first measure.

To add additional measures to the chart that can be selected when viewing, click the 3-dots on the right of the selected measure to open the Dynamic Measures pop-up.
Click in the Additional Measures textbox and select a field from the drop-down list that contains all the fields in the selected measure's domain. The AEREL2 (Relationship to Drug2) field has been selected.

Note: Up to 10 Dynamic Measures can be selected within the same domain.
To remove a measure, click the 'X' to the right of the field name.
Labels will be generated automatically for all measures. However, if there is only one measure, you can edit the label name using the Label field.
Click OK to close the pop-up and update the chart preview on the right accordingly. Notice that the label on the left side is bold and has an expand icon next to it. Click on the label to see a drop-down menu with the additional Dynamic Measure. Click the checkbox next to AEREL2 to view the additional measure.
When the dynamic measure is viewed, an additional field will appear in the Measures area. Click on the 3-dots to configure the dynamic measure further. Make updates to the Chart Type, Aggregate, Label, and Secondary Axis as needed.
Click OK. The chart view updates.

Add a Dynamic Filter to a Measure

Click the Filter icon next to the measure to open the pop-up.
Include Selections is the default. To change the default, click the Exclude Selections radio button.
Click the Filter Field field and select the field AESER (Serious Event) from the drop-down.
Click the Operator field and select '='.
Click the Filter Value(s) field and select values from the drop-down. Both have been selected.
Click the Dynamic Filter toggle for a filter drop-down to display on the published chart.
Click the Optional Default Filter Values(s) field to select the default values that the chart will open with. In this example both values are set as defaults.
Click OK. The pop-up closes. There will be a drop-down at the top of the chart where the chart can be filtered by the values in the drop-down list.

Chart Filter Section

The filters applied in this area affect the entire visualization and are not limited to a single domain like the filters for measures and dimensions. This flexibility makes filter creation more versatile.

From the Fields section, locate the field SUYN (Has tobacco ever been used?) in the Smoking History domain and drag it to the Filters section.

Keep the default Include Selections. Accept the '=' operator, then click on the Filter Value(s) and select the desired value(s) from the drop-down. Click OK, and the selected filter value will be reflected in the chart.
In this example, to use Dynamic Filters, turn the toggle switch on. Click on the Filter Values(s) and Select All. Click on the Optional Default Filter Value(s) and Select All. Click OK to proceed.
A drop-down menu will appear at the top of the published chart, allowing you to select the filter value(s). When hovering over any filter drop-down, a tooltip will appear displaying the selected value(s).

Up to 25 filters may be added to the chart.

Reorder / Remove Fields

Click and hold the 6-dots next to a field and drag it above or below another field.
Click the 'X' at the right of a field to remove it.

Add A Chart Description

Enter a Chart Description in the text field above the preview in the chart designer. When the published visualization is viewed, this description will appear at the top of the chart.

Export / Import Chart Configuration

After creating or editing a chart, the chart configuration can be exported directly from the designer. This allows users to easily replicate their charts across different environments, eliminating the need to recreate them manually. To export, click the Export icon in the upper right corner of the chart's designer window and it will download the configuration file.

When importing a chart configuration, the created chart must match the exported chart type to ensure compatibility and consistency. To import a chart configuration, click the '+' New Visualization icon and select Combo. After the designer window opens, click the Import icon in the upper right corner. This will open a pop-up to upload the configuration file.

Note: Users with the Data Central Designer privilege can also export and import charts created by other users.

Toolbar Actions

Each chart includes a toolbar in the top right corner (in both the chart designer and the published chart), with icons that vary based on the chart type. Below are the icons available for a Combo chart.

ICON	ICON NAME	DESCRIPTION
	Edit	Click to open Chart Designer window.
	Add Filter	Click to open a pop-up window to enter filter parameters. Click OK. This filter applies to the panel only and does not appear in the Filter Panel in the left navigation.
	Tooltips	Click to activate / deactivate the tooltips that display when hovering over a chart.
	Rotate Chart	Click to rotate the chart (switch the x-axis and y-axis).
	Legend	Click to show / hide legend. Show legend is active by default, click to hide the legend.
	Series Label	Click to show / hide series labels within the chart.
	Range Selector	Becomes available when there are over 50 x-axis values. When activated, it displays at the bottom of the chart.
	Crosshairs	Deactivated by default; click the icon to activate it. Crosshairs will display when the user hovers over the chart.
	Zoom Out	Click to zoom out and view the entire chart (without the scrollbars on top). By default, a chart opens, displaying a readable amount of data, and the user can use the scrollbar at the top to move right and left.
	Drag to Zoom	Click to activate. Once it is activated, click and drag over the section of the chart you wish to zoom in on.
	Chart Notes	Click to see Chart Notes (added during advanced chart configuration).
	Exporting	Click to access a drop-down menu to print or export to PDF, PNG, or JPG.
	Advanced	Only in the chart designer; click to open the Advanced Chart Settings, which opens on the left side of the window.
	Dock	Click to dock the visualization to your sheet.
	Maximize	Click to maximize visualization.
	Restore	Click to restore the visualization to previous size.
	Close	Click to close.

Note: When an icon is highlighted blue, it indicates that it is activated / on, whereas when icon is gray it is deactivated / off.

Advanced Chart Settings

The advanced settings enable a user to specify the dimension axis settings, legend settings and more, tailoring the view for the chart's purpose.

The To open the Advanced Chart Settings window:
- Click the Advanced button at the bottom right of the chart designer window.
- Click on the Advanced icon to the right in the chart designer toolbar.
- The Advanced Chart Settings window opens at the left displaying the current settings.
Dimension Axis Position:
- Bottom
- Top
Dimension Axis Label Display:
- Standard
- Stagger
- Rotate
Dimension Axis Label Visibility:
- Show
- Hide
Zoom Type:
- Box
- X-Axis
- Y-Axis
  - This setting affects how the user interacts when using Drag to Zoom.
  - Charts created prior to 24.1.0 will retain their X-Axis zoom configuration until modified.
  - Starting from the 24.1.0 release, charts will have the default setting of Box zoom.
Legend Position:
- Outside
- Inside
Legend Horizontal Alignment:
- Center
- Right
- Left
Legend Vertical Alignment:
- Bottom
- Top
Palette:
- Many color schemes to choose from (Material is default).
Horizontal Reference Line:
- Upper Limit
- Lower Limit
  - Click the '+' sign to add additional reference lines.
  - Click the 'X' to remove lines.
  - To reset, click the back arrow.
  - Click on the 3-dots, and a configuration pop-up will provide options to enter a label, choose the line color, adjust the line width, select the line style, and highlight outlying data.
Horizontal Highlight Strip:
- Start Value
- End Value
  - You can add additional strips by clicking the '+' icon.
  - Remove them by clicking the 'X' on the right.
  - To reset, click the back arrow.
  - Click the 3-dots on the right to open a configuration pop-up for the highlight color, font color, and label.
Chart Notes:
- Add text to describe the chart. Once a note has been added, the icon in the toolbar will be displayed.
To close the Advanced Chart Settings window:
- Click the 'X' in the top right corner.
- Click the Advanced button on the bottom right of the page.
- Click the Advanced icon in the toolbar.
Click Save to save your changes, or click Cancel and any changes are canceled.

Save / Save As

When first creating a visualization, only the Save button displays in the bottom right corner. Once a visualization is saved, both the Save and Save As buttons will display.

Upon opening a previously saved visualization in the chart designer, the title is displayed on the toolbar, followed by the word Preview.

The Save Chart window will open when you click Save for the first time or by clicking Save As.

Tip: Clicking Save As on an existing visualization allows you to duplicate the chart with another name or save the visualization as a new one with different settings from the original visualization, whereas clicking Save updates the existing visualization.

When the Save Chart window opens, you can enter or edit Save options.

Enter the Name of the Chart (maximum 100 characters allowed).
Select the folder where the chart will be saved.
Note: If you have the Data Central Designer privilege, you may also add a new folder by hovering over a current folder and clicking the add folder icon. Remember, managing folders after they are created (editing and deleting) is done through the Manage icon in the top right on the master header of the Data Central Landing page.
Select the Public or Private radio button. Only selectable with Data Central Designer privileges.
Select the Roles (visible when saving public only, grayed out if the visualization is private). Users with the selected role(s) will see and have access to the visualization.
Update the Scope: By default, the study you are currently in is selected. Click the drop-down next to Therapeutic Areas, Compounds, Programs, or Studies, and update as needed.
Click Save to confirm save settings or Cancel to cancel changes.

Edit a Combo Chart

Visualizations can be edited for their content, which includes the data they represent, the description, and advanced settings. Visualization settings (found in the Save window) can also be updated and saved under a new name, to a different folder location, changed from private to public (Data Central Designer privileges required), assigned different roles (if public), and adjusted with a new scope.

Edit Content

Hover over the visualization name you wish to edit.
Click on the Edit icon (the pencil).

Note: You many also click the pencil (edit) icon in the published chart's toolbar to open the designer.
The Combo Designer window opens.
Edits can be performed on all fields in the Measures, Dimensions, or Filters areas in the same way as when creating the chart.
Edit the Description.
Access Advanced Settings and make any changes.
Click Save to save edits to the chart you are viewing OR click Save As to save as a new chart.

Edit Visualization Settings

Hover over the visualization name you wish to update.
Click the Configure (gear) icon to open the Save Chart window.
Make updates in the Save window.
Click Save to confirm changes or Cancel to cancel.

Delete a Visualization

Saved Visualizations, Workspaces, Filter Sets, and Advanced Filters are deleted from the Manage icon in the master header. Users must have the Data Central Designer privilege to delete items saved as public; however, all Data Central users can delete items they have saved as private.

Click the Manage icon located on the right in the master header. The Manage window opens.
Hover over the name of the item you want to delete.
Tip: Hover over the icon at the left of the item name to see a tooltip that identifies the type of item, for example, Saved Workspace, Advanced Filter, or type of Visualization.
Click the Delete icon.
In the Delete Item confirmation window, click Delete (or click Cancel to cancel your action).