WebViz可视化工具的应用

简介: WebViz可视化Webviz是一个基于Web的可视化工具,意味着您可以通过浏览器/APP访问它,而不需要安装额外的软件。这对于远程访问和团队协作非常方便。Foxglove是一个开源的工具包,包括线上和线下版。旨在简化机器人系统的开发和调试。它提供了一系列用于构建机器人应用程序的功能。本节将介绍如何使用Foxglove进行数据查看,以及话题通信。为了实现OriginBot与Foxglove的连接,我们需要在OriginBot上搭建ROS环境。请确保您的机器人是OriginBot(视觉版/导航版),并且您的PC运行的是Ubuntu(≥20.04)或Windows(>=10)。

WebViz可视化

Webviz是一个基于Web的可视化工具,意味着您可以通过浏览器/APP访问它,而不需要安装额外的软件。这对于远程访问和团队协作非常方便。

Foxglove是一个开源的工具包,包括线上和线下版。旨在简化机器人系统的开发和调试。它提供了一系列用于构建机器人应用程序的功能。

本节将介绍如何使用Foxglove进行数据查看,以及话题通信。

为了实现OriginBot与Foxglove的连接,我们需要在OriginBot上搭建ROS环境。请确保您的机器人是OriginBot(视觉版/导航版),并且您的PC运行的是Ubuntu(≥20.04)或Windows(>=10)。

软件安装

开始之前,我们首先需要安装Foxglove和WebViz。建议使用APP版本的Foxglove,无需登录即可使用,点击这里下载并按照指引完成安装。安装完成后,即可打开Foxglove软件。

环境搭建

实现OriginBot与Foxglove的连接需要在OriginBot上实现ROS环境的搭建。

#安装rosbridge,此处使用galactic目的为避免与tros冲突,不影响通信效果
$ sudo apt install ros-galactic-rosbridge-suite

完成安装后,即可运行以下命令开启OriginBot端远程服务。

$ source /opt/ros/galactic/setup.bash
$ ros2 launch rosbridge_server rosbridge_websocket_launch.xml

同时新开一个终端,用ifconfig记录下当前的ip地址,并启动相机发布图像信息,用于验证效果。

$ ifconfig&&ros2 launch originbot_bringup camera.launch.py

Foxglove界面可视化

安装完Foxglove后,点击软件即可看到如下界面。

此处点击打开连接,输入ip地址,即可完成连接。

连接成功后,便可以各种使用Foxglove啦,在左上角的+,可以使用软件的各种插件协助你开发。

选择其中的图像,即可看到我们一开始在OriginBot上打开的图像信息,并选择不同的话题进行图像显示。

Foxglove发布话题

除了用于显示话题及信息,你还可以用Foxglove发布话题信息,如常见的cmd_vel等。

点击+,选择发布,即可看到如下界面,在此处可以设置你要发布的话题、格式以及内容,这些内容是与originbot同步的。

此外,还有一些便携的组件可供使用。

Foxglove与WebViz的协同工作

Foxglove和WebViz的协同工作使机器人开发变得更加高效。您可以在Foxglove中发布话题,实时查看机器人的数据,然后通过WebViz在任何地方都能够可视化这些数据。这种无缝的集成提供了一种便捷的方式,使团队成员能够共同协作,即使身处不同的地理位置。

相关文章
|
3月前
|
数据可视化 搜索推荐 前端开发
数据可视化工具的比较与选择
【8月更文挑战第23天】不同的数据可视化工具各有其特点和优势。企业应根据自身情况选择最适合自己的工具,以提升数据分析的效率和效果。
|
20天前
|
数据可视化 JavaScript 数据挖掘
2024年最值得关注的5款数据可视化工具
在信息爆炸的时代,数据可视化工具帮助我们从海量数据中提取有价值的信息,并以直观、易于理解的方式展现。本文介绍五款主流工具:板栗看板、Power BI、Datawrapper、QlikView 和 Highcharts,从产品特色、使用场景等角度分析,帮助用户根据自身需求选择合适的工具。
70 0
2024年最值得关注的5款数据可视化工具
|
27天前
|
数据可视化 Ubuntu 机器人
WebViz可视化工具的应用
【10月更文挑战第2天】WebViz可视化 Webviz是一个基于Web的可视化工具,意味着您可以通过浏览器/APP访问它,而不需要安装额外的软件。这对于远程访问和团队协作非常方便。 Foxglove是一个开源的工具包,包括线上和线下版。旨在简化机器人系统的开发和调试。它提供了一系列用于构建机器人应用程序的功能。 本节将介绍如何使用Foxglove进行数据查看,以及话题通信。 为了实现OriginBot与Foxglove的连接,我们需要在OriginBot上搭建ROS环境。请确保您的机器人是OriginBot(视觉版/导航版),并且您的PC运行的是Ubuntu(≥20.04)或Win
|
2月前
|
数据可视化 JavaScript 前端开发
交互式可视化工具
交互式可视化工具
|
30天前
|
数据可视化 前端开发 JavaScript
可视化工具D3.js
可视化工具D3.js
|
6月前
|
数据可视化 数据挖掘 BI
数据可视化工具
【5月更文挑战第18天】数据可视化工具
110 7
|
6月前
|
数据可视化 JavaScript 数据挖掘
探索R语言中的数据可视化工具
【4月更文挑战第25天】本文介绍了R语言的数据可视化,重点关注ggplot2和lattice包。ggplot2基于图形语法,允许用户通过图层创建复杂图表,例如`ggplot(data, aes(x=x_variable, y=y_variable)) + geom_point()`可绘制散点图。lattice包适用于多变量数据展示,如分面散点图。此外,还提到了plotly、D3.js和shiny等其他可视化工具,以及地图绘制和热图创建技巧。掌握这些工具能帮助数据分析人员更好地理解和呈现数据。
55 1
|
6月前
|
数据可视化 Linux 索引
可视化工具使用简介
可视化工具使用简介
|
6月前
|
数据可视化 JavaScript 前端开发
数据可视化技术与工具:D3.js 和 Tableau 的比较和选择
数据可视化是当今分析和决策制定的关键步骤。D3.js 和 Tableau 是两个广泛使用的可视化工具。本文将探讨它们的优缺点,以及在选择何种工具时应该考虑的因素。
|
6月前
|
数据可视化 Python
介绍一个有趣的可视化工具,超Q!
介绍一个有趣的可视化工具,超Q!
介绍一个有趣的可视化工具,超Q!