Data visualization

Overview

The Visualization View is the core workspace of Wuji Studio. After connecting a device, real-time data publishes through Topics. Use different panel types to view and analyze data.

Enter Visualization

After connecting a device on the Device Management page, an Enter Visualization button appears in the Bottom action area. Click it to switch to the Visualization View and start viewing real-time data. You can also click the Visualization icon in the Activity bar directly.

Visualization View Overview

The four areas of the Visualization View are outlined in different colors. The table below covers what each area does and how to open or collapse it. The Panel area outlined in is the default layout. To restore the default layout after changing it, right-click the current preset tab in the preset bar at the top (Tactile Monitor in the image below) and select Reset to Default. See Troubleshooting > Restore the default layout.

Data Visualization

The Visualization View consists of the following areas:

AreaHow to OpenDescription
Left SidebarClick the icon in the top-right corner to expand the areaThe left sidebar contains 2 panels:
  • Devices: Shows connected device status
  • Panel Settings: Edits configuration of the currently selected panel (see Panel types)
Panel areaThe area is always visibleData visualization workspace with free drag-and-drop and split-view layout:
  • Add panel: Click the + button in the workspace, select panel type
  • Remove panel: Click the close button on the panel title bar
  • Move panel: Drag the panel title bar to the target position
  • Split view: Drag a panel to the workspace edge for horizontal or vertical splitting
  • Resize: Drag the divider between panels
Right SidebarClick the icon in the top-right corner to expand the areaThe right sidebar contains 2 panels:
  • Variables: Manages global variables in Studio
  • Topics: Browses available data Topics in a tree structure (see Topic tree)
Bottom barClick the icon in the top-right corner to expand the areaCollapsed by default. Contains 3 tabs:

Topic Tree

The Topics panel in the Right Sidebar displays all available data Topics. Topics are organized in a tree structure separated by / namespaces. When expanded, schema fields are shown hierarchically (separated by .), with support for array and struct nesting. Click a Topic to view its details, or drag it into a panel to subscribe to data.