v8.0

3D Scene

The 3D Scene serves as a data visualization tool that can be embedded within a dashboard. This article provides step-by-step instructions on utilizing a 3D Scene within a dashboard. For guidance on creating or adding a 3D scene in Wyn Enterprise, see the Create 3D Scene help article.

Navigate to the dashboard designer and follow the below instructions,

Drag and drop the 3D Scene component onto the designer area from the Data Visualization tab.
Click the Configure 3D Scene button on the 3D Scene component.
3D Scene Setting popup will appear on your screen. Select a 3D scene, set the parameter values, and click the OK button.
The configured 3D scene will appear in the 3D scene component on the dashboard designer. You can now modify the scene settings using the Inspector Panel. The Inspector Panel Properties are listed and explained in the below section.
You can use the action menu bar to zoom, configure, add annotations, share, and remove the 3D scene.

Inspector Panel Properties

Animation

Property	Description
Entrance Animation	Select an option from the dropdown to set the animation style of the appearance of the 3D scene on the dashboard. The available options are - SlideInDown, SlideInLeft, SlideInRight, SlideInUp, SlideInDown, BackInDown, BackInLeft, and BackInRight. After selecting an option from the dropdown, set the delay and duration of the animation using the Delay(s) and Duration(s) properties respectively.

Property

Description

Entrance Animation

Select an option from the dropdown to set the animation style of the appearance of the 3D scene on the dashboard. The available options are - SlideInDown, SlideInLeft, SlideInRight, SlideInUp, SlideInDown, BackInDown, BackInLeft, and BackInRight. After selecting an option from the dropdown, set the delay and duration of the animation using the Delay(s) and Duration(s) properties respectively.

Interaction

Property	Description
Scenario Name	Add a name to the 3D scene scenario using this property.
Cross Filter	To disable the filtered data throughout the dashboard, set this property to False. Cross filters provide a simplified and deeper analysis of what you want to observe. By default, this property is set to True.
Jump To	To create a shortcut to another dashboard scenario, report, or URL use the Jump To property. In the Jump To popup, you can configure the data layers used for one specific layer or all layers. See the Jump To article for more information.
Visible Menu Items	Select the filtering and sorting options you wish to display on the 3D scene scenario from the dropdown.
Pin Annotation	Set this property to True to pin the annotation to the 3D scene scenario. By default, it is set to False.
Context Menu Actions	Select the Context Menu Option(s) from the dropdown. Context Menu Options include - All and Jump.
Click Action	Select the None, Jump, or Command option from the dropdown to perform an action on click. None: No event is initiated when the None option is selected. Jump: The Jump event is triggered by right-clicking on a 3D scene in the preview when the Jump option is selected. Command: Dashboard command (Show, Hide, Toggle, Switch Page, or Switch Tab) on other dashboard scenarios is triggered when the Command option is selected. See the Command Setting section for more information.

Title

Property	Description
Show Title	To hide the title of the 3D scene scenario set this property to False. By default, this property is set to True.
Title	Add or edit the title of the 3D scene scenario using the Title property.
Alignment	Select the Left, Center, or Right alignment option of the title from the dropdown.
Title Font Setting	Set the font family, size, color, weight, and style of the title using the Title Font Setting options.
Padding	To create space around the title use the Padding property. You can set the following padding options: Padding Left, Padding Top, Padding Right, and Padding Bottom.

Layout

Property	Description
X Position	Set the horizontal position of the 3D scene scenario on the dashboard using the X Position property.
Y Position	Set the vertical position of the 3D scene scenario on the dashboard using the Y Position property.
Width	Set the width of the 3D scene scenario using the Width property.
Height	Set the height of the 3D scene scenario using the Height property.

Note: Minimum Height and Width supported is 8X8“.

Appearance

Property	Description
Background Color	Set a background color of the 3D scene scenario using this property.
Padding	To create space around the 3D scene scenario, set a padding value.
Margin	Set the margin value for the 3D scene scenario using this property.
Visibility	To hide the 3D scene from the dashboard, set this property to False. By default, the Visibility property is set as True.
Background Image	Add an embedded, shared, or external image as a background image to the 3D scene scenario.
Border Color	Set the border color using this property.
Border Width	Set the border width using this property.
Border Radius	Set the border radius using this property.
Shadow	Create a shadow of the 3D scene scenario by setting the Shadow Type, Shadow Color, and Thickness properties.

Command Setting

When using 3D Scene on a dashboard, you can use the Command settings under the Click Action property on the Inspector Panel to trigger specific dashboard commands like hiding or showing other dashboard scenarios.

In the edit dashboard mode, select the 3D Scene and,

Navigate to the Inspector Panel and select the Command option from the Click Action property under Interaction.
Click the + Add button.
The Command Setting popup will appear on your screen.
From the Command dropdown, select an option from the following:
1. Show: To display the scenario on click.
2. Hide: To hide the scenario on click.
3. Toggle: To toggle the selected scenario on click.
4. Switch Page: To switch pages on click.
5. Switch Tab: To switch the tab on the click.
On selecting a command, distinct command settings for each option appear in the popup as explained below.
1. Trigger: Choose whether the action is triggered by a 3D Model Node or 3D Data Layer. Trigger dropdown is available for all selected options from the Command dropdown.
  1. 3D Model Node: On selecting the 3D Model Node option, a list of all clickable nodes will appear in the Node dropdown. Select a node to trigger the command.
  2. 3D Data Layer: On selecting the 3D Data Layer option, a list of all clickable data layers will appear in the Data Layer dropdown. Select a data layer to trigger the command.
2. Scenario: Choose a scenario from the dropdown to display on the trigger of the click action command.
3. Entrance Animation: Choose an entrance animation from the following options: None, SlideInDown, SlideInLeft, SlideInRight, SlideInUp, BackInDown, BackInLeft, BackInRight, BackInUp, FadeInDown, FadeInLeft, FadeInRight, FadeInUp, BounceInDown, BounceInLeft, BounceInRight, BounceInUp, LightSpeedInLeft, LightSpeedInRight, RotateIn, RotateInDownLeft, RotateInDownRight, RotateInUpLeft, ZoomIn, ZoomInDown, ZoomInLeft, ZoomInRight, or ZoomInUp. Entrance Animation dropdown is available only when the Show or Toggle options are selected from the Command dropdown.
4. Exit Animation: Choose an exit animation from the following options: None, SlideOutDown, SlideOutLeft, SlideOutRight, SlideOutUp, BackOutDown, BackOutLeft, BackOutRight, BackOutUp, FadeOut, FadeOutDown, FadeOutLeft, FadeOutRight, FadeOutUp, BounceOut, BounceOutDown, BounceOutLeft, BounceOutRight, BounceOutUp, LightSpeedOutLeft, LightSpeedOutRight, RotateOut, RotateOutDownLeft, RotateOutDownRight, RotateOutUpLeft, ZoomOut, ZoomOutDown, ZoomOutLeft, ZoomOutRight, or ZoomOutUp. Exit Animation dropdown is available only when the Hide or Toggle options are selected from the Command dropdown.
5. Page: For the Switch Page option, the Page dropdown appears with the list of available pages of the dashboard. Select a dashboard page to trigger the Switch Page command.
6. Container: When the Switch Tab command is selected, the Container dropdown appears with the list of available container scenarios on the dashboard. Select a container.
7. Tab: Select the container tab from the dropdown.