【开源】基于 Grafana 的机器人系统监控

转自抠哥的Github，觉得有用可以点个star⭐作为支持–

链接：https://github.com/kouge0510/robot-system-monitor-with-using-grafana?tab=readme-ov-file#technology-stack

使用Three.js+Node.js 服务与 Grafana 集成

项目一览

这个项目是开源的，将 Three.js 与 Node.js 集成在一起把数据从 main.js 发送到服务器，并用Grafana将数据可视化。目前的项目只主要对Linux arm64提供开发环境。

急速分拣2-1725252223801.json是Grafana的主面板，能便捷地导入。

技术栈：

Three.js：一个用于创建和显示 3D 图形的 JavaScript 库。

Node.js：一个用于构建服务器端应用程序的 JavaScript 运行环境。

Grafana：一个用于监控和可视化数据的开源平台。

Vite.js：一个为现代 Web 项目提供快速构建的工具，能简化开发和生产工作流程。

特点：

Three.js 3D 可视化：利用 Three.js 创建 3D 图形和场景。

Node.js 服务：一个 Node.js 服务器，用于将 main.js 中的数据发送到远程服务器。

Grafana 集成：使用 Grafana 可视化并监控从 Node.js 服务接收的数据。

Vite.js：一个为现代 Web 项目提供快速构建的工具，能简化开发和生产工作流程。

安装和设置

1. 克隆仓库

git clone https://github.com/kouge0510/robot-system-monitor-with-using-grafana.git
cd robot-system-monitor-with-using-grafana
 

2.安装依赖

npm install three
 

3. 调整Node.js 服务

  • 编辑config.js文件来设置服务器地址和端口。
  • 确保main.js中的数据发送逻辑符合要求。

4. 启动 Node.js 服务

npm start
 

5. 调整设置Grafana

  • 把 Grafana 连接到你的数据源
  • 建立 dashboards 以可视化Node.js 服务的数据。

使用说明：

运行服务：启动 Node.js 服务并确保它正在运行。

访问 Three.js 应用：打开网络浏览器查看 3D 图形和数据。

在 Grafana 中查看：登录到 Grafana 查看和分析可视化数据。

演示视频&&项目文件

[项目下载]

﹥使用的语言<

上传的附件：