Transform your logistics data into actionable insights with our custom-built Grafana plugin. With interactive maps, our plugin visualizes GPS coordinates in real-time, giving you a comprehensive view of your fleet's movements. Make better decisions and improve efficiency with this powerful tool.
-
MapBox Key and Style. Both can be found in https://studio.mapbox.com
-
Query: CSV or Table query, eg:
latitude | longitude | datetime | label |
---|---|---|---|
-22.945548 | -43.0601787 | 2018-04-13T08:30:06Z | TRAINING |
-22.9621505 | -42.9904898 | 2021-03-31T18:28:22Z | TRKU2C97 |
-22.974022 | -43.0347287 | 2021-03-29T09:23:13Z | VJE0c78 |
-22.971599 | -42.9436037 | 2021-02-23T14:23:31Z | OPIX4A49 |
Panels are the building blocks of Grafana. They allow you to visualize data in different ways. While Grafana has several types of panels already built-in, you can also build your own panel, to add support for other visualizations.
For more information about panels, refer to the documentation on Panels
To compile the plugin you need:
- Grafana >=7.0
- NodeJS >=14
- yarn
-
Install dependencies
yarn install
-
Build plugin in development mode or run in watch mode
yarn dev
or (most recomended when developing)
yarn watch
-
Build plugin in production mode
yarn build
-
Run Docker
docker-compose up --build
User:
admin
Password:admin
- CSV:
- Build a panel plugin tutorial
- Grafana documentation
- Grafana Tutorials - Grafana Tutorials are step-by-step guides that help you make the most of Grafana
- Grafana UI Library - UI components to help you build interfaces using Grafana Design System
- https://github.com/woutervh-/grafana-mapbox
- https://github.com/zackhsi/react-map-gl-typescript/blob/master/src/components/Map/index.tsx
- https://grafana.csselectronics.stellarhosted.com/d/hXdWa0VMk/css-playground?orgId=1&from=1612275590939&to=1612276723716
- https://www.csselectronics.com/screen/page/telematics-dashboard-open-source/language/en#void
- https://docs.mapbox.com/help/glossary/style-url/