> ## Documentation Index
> Fetch the complete documentation index at: https://docs.wuji.tech/llms.txt
> Use this file to discover all available pages before exploring further.
# 概览
可视化视图是 Wuji Studio 的核心工作区。连接设备后，实时数据通过 Topic 发布，使用不同面板类型查看和分析数据。
## 进入可视化
在[设备管理](https://docs.wuji.tech/docs/zh/wuji-studio/latest/device-connection.md)页连接设备后，Bottom action area 出现 **Enter Visualization** 按钮，点击即可切换到可视化视图开始查看实时数据。也可直接点击 Activity bar 的 **Visualization** 图标 进入。
## 可视化视图概览
可视化视图的四个区域以不同颜色框线标注，各区域的功能与打开、收起方式见下表。 框线标注的 Panel area 为默认布局。当布局调整后，右键点击顶部预设栏的当前预设标签（下图中的 **Tactile Monitor**），选择 **Reset to Default** 即可恢复默认布局，详见[故障排查 > 恢复默认布局](https://docs.wuji.tech/docs/zh/wuji-studio/latest/troubleshooting.md#恢复默认布局)。
可视化视图由以下区域组成：
| 区域 | 打开方式 | 说明 |
| - | - | - |
| Left Sidebar | 点击右上角 图标， 区域将会展开 | 左侧栏，包含 2 个面板：- **Devices**：显示已连接设备的状态信息
- **Panel Settings**：编辑当前选中面板的配置参数（详见[面板类型](https://docs.wuji.tech/docs/zh/wuji-studio/latest/visualization/panel-types.md)）
|
| Panel area | 区域始终显示 | 数据可视化工作区，支持自由拖拽和分屏布局：- 添加面板：点击工作区的 **+** 按钮，选择面板类型
- 移除面板：点击面板标题栏的关闭按钮
- 移动面板：拖拽面板标题栏到目标位置
- 分屏：将面板拖拽到工作区边缘，实现水平或垂直分屏
- 调整大小：拖拽面板之间的分隔线
|
| Right Sidebar | 点击右上角 图标， 区域将会展开 | 右侧栏，包含 2 个面板：- **Variables**：管理 Studio 内的全局变量
- **Topics**：浏览可用的数据 Topic 树（详见 [Topic 树](#topic-树)）
|
| Bottom bar | 点击右上角 图标， 区域将会展开 | 底部栏，默认收起。包含 3 个 tab：- **RECORDING**：数据录制（详见[数据录制](https://docs.wuji.tech/docs/zh/wuji-studio/latest/visualization/recording.md)）
- **PLAYER**：数据回放（详见[数据回放](https://docs.wuji.tech/docs/zh/wuji-studio/latest/visualization/recording.md#数据回放)）
- **DEVICE LOG**：设备日志（详见[设备日志](https://docs.wuji.tech/docs/zh/wuji-studio/latest/visualization/device-logs.md)）
|
## Topic 树
Right Sidebar 的 **Topics** 面板显示当前所有可用的数据 Topic。Topic 按 `/` 分隔的命名空间以树形结构组织，展开后看到 Schema 字段层级（按 `.` 分隔），支持数组和结构体嵌套展示。点击 Topic 查看详细信息，拖拽到面板中可快速订阅数据。
This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.