Gist ce17b0c8822bd1325eb03b8db69555a6

100%

Gist ce17b0c8822bd1325eb03b8db69555a6

✓ Published0🌍 Public

Last edited Sep 27, 2025

Created on Sep 30, 2025

A Grafana dashboard monitors sensor and infrastructure data in real time, plotting temperature and humidity measurements from an InfluxDB bucket alongside CPU and memory metrics from a Prometheus node exporter. The dashboard merges time-series data from both sources, showing simulated IoT sensor readings injected every five seconds via a Python script and system resource utilization from Prometheus, with all services accessed through a Tailscale virtual private network.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist ad9d134855a9dc2af500b27ddb3f89ba

This example demonstrates a complete Internet of Things workflow, showing how to collect, store, and visualize sensor data from a smart agriculture scenario. It uses an InfluxDB time-series database running on an Amazon EC2 instance to manage temperature, humidity, luminosity, and soil moisture readings. The data is generated by a Mockaroo CSV export and imported through the InfluxDB CLI, then queried with InfluxQL and the Flux language’s `aggregateWindow` function. The final step renders interactive trend charts in the InfluxDB dashboard, illustrating the full path from raw sensor simulation to analytical visualization.

IIoTeacher

70% match

Loading thumbnail…

Monitoreo — Demo

This dashboard demonstrates a live sensor-monitoring interface for a Raspberry Pi Pico W, serving a dark-themed HTML page with current temperature, humidity, and network status cards. A "Simulate Data" button and a recent-events table are included, with the Python backend handling static file serving over HTTP. The visualization uses Tailwind CSS for a clean, responsive dark/light UI and Material Symbols for icons, presenting real-time sensor values and event history in a minimal card-and-table layout.

IIoTeacher

66% match

Loading thumbnail…

Gist 2e1efdd78a9dc100f3529effeac9f685

This visualization documents an IoT and sensor-based academic project. It demonstrates a complete data pipeline where sensor readings are transmitted via MQTT to the Flespi dashboard for real-time monitoring. The example integrates Wokwi circuit simulators, a Raspberry Pi Pico W, and generates UI mockups through Stitch GPT. The repository includes a README with technical architecture details, a Loom video explanation, and a DALL·E-generated cover image. Code is written in Python 3, with sensor data flowing from emulated devices to the cloud dashboard.

IIoTeacher

66% match

Loading thumbnail…

Gist 43d00ddea701789295809c54be1f7183

This example shows a live-updating fluid monitoring dashboard, displaying recent sensor readings for multiple tanks. The visualization uses a JavaScript backend with Knex.js to insert incoming data into a database, and a frontend that likely renders real-time charts or gauges for parameters like dissolved oxygen (DO) from the specified location. The code demonstrates the API endpoint where a POST request with a reading value is parsed and stored, triggering an update to the visual display. It uses the Express framework alongside Knex.js for database operations, while the frontend appears to employ SVG-based graphics for the interactive data representation. The demo focuses on the integration between data ingestion and dynamic visual feedback.

JJWTappert

65% match

Loading thumbnail…

Gist 0df93cdbb2b3e218cfe40434c66d98e2

This example demonstrates a complete IoT telemetry pipeline where a micro:bit V2 sends temperature and light readings over USB serial to a Python gateway, which forwards them via MQTT to an AWS-hosted Mosquitto broker. The flow continues through Telegraf into InfluxDB, with Prometheus and Grafana for monitoring and visualization. The code uses MicroPython’s `temperature()` and `display.read_light_level()`, plus `pyserial` and `paho-mqtt` for serial communication and MQTT publishing. The architecture is illustrated with a Mermaid flowchart, and the gateway enriches JSON payloads with metadata before transmission.

IIoTeacher

64% match

Loading thumbnail…

Untitled

A horizontal linear gauge displays server CPU utilization, with a color-coded range from low to high and a pointer indicating the current value at 75%. The visualization uses the AnyChart library via its core, base, and linear-gauge modules to render the gauge, while FusionCharts handles the chart configuration and rendering. The data source is embedded inline as JSON, defining the gauge’s limits, color ranges, pointer, trend points, and annotations, which include a recommended utilization range highlighted as a shaded zone.

BBhavyatulasi

59% match

Loading thumbnail…

puter.com como una posible sugerencia a dashboard de nuestros sensores y diversas interfaces

This dashboard proposal uses puter.com as a platform to visualize real-time sensor data from devices like Arduino or ESP32, displaying temperature, humidity, light, and motion readings through customizable widgets. The WebGL-rendered interface shows a minimalist, modern layout with charts and indicators that update as data arrives via the platform’s APIs. It demonstrates how to configure dashboards for monitoring environmental conditions and triggering alerts based on thresholds, using the built-in widget system rather than external libraries like D3 or Three.js.

IIoTeacher

58% match

Loading thumbnail…

Gist db32a113f546aa03b43c0e1f84f80d28

The visualization shows a force-directed network graph of GitHub gist data, with nodes representing individual gists and links showing relationships between them. It uses d3.forceSimulation to compute the layout, with node size encoding gist size and color indicating file type or language. The rendering relies on SVG elements updated per tick via the simulation’s tick event. The code loads a static JSON file containing preprocessed gist metadata, and does not use canvas or WebGL. The visualization highlights clustering patterns among related gists, revealing emergent communities in the dataset.

335degrees

58% match