This is an open-source project that integrates Three.js with Node.js to send data from main.js
to a server, and visualize that data using Grafana.The present file mainly provides an environment for linux arm64.
急速分拣2-1725252223801.json is the main panel for grafana,you can import it easily.
- Three.js: A JavaScript library used to create and display 3D graphics.
- Node.js: A JavaScript runtime used for building server-side applications.
- Grafana: An open-source platform for monitoring and visualizing data.
- Vite.js: A fast build tool for modern web projects, simplifying development and production workflows.
- Three.js 3D Visualization: Utilizes Three.js to create 3D graphics and scenes.
- Node.js Service: A Node.js server that sends data from
main.js
to a remote server. - Grafana Integration: Visualizes and monitors the data received from the Node.js service using Grafana.
- Vite.js: A fast build tool for modern web projects, simplifying development and production workflows.
git clone https://github.com/kouge0510/robot-system-monitor-with-using-grafana.git
cd robot-system-monitor-with-using-grafana
npm install three
- Edit the
config.js
file to set your server address and port. - Ensure the data sending logic in
main.js
meets your requirements.
npm start
- Connect Grafana to your data source.
- Set up dashboards to visualize the data from the Node.js service.
- Run the Service: Start the Node.js service and ensure it is running.
- Access the Three.js Application: Open a web browser to view the 3D graphics and data.
- View in Grafana: Log into Grafana to view and analyze the data visualizations.