Visualizing Humidity and Temperature in V-VAC Using Humido Wi-Fi | IoT MQTT Dashboard for Real-Time Data
by vvaciot in Circuits > Electronics
28 Views, 0 Favorites, 0 Comments
Visualizing Humidity and Temperature in V-VAC Using Humido Wi-Fi | IoT MQTT Dashboard for Real-Time Data
If you love building smart IoT projects, this one’s for you! In this DIY guide, we’ll create a live humidity and temperature monitoring system that uploads real-time data to the VOLKKOMMEN® V-VAC IoT Platform — a powerful web dashboard that lets you visualize, analyze, and track sensor data from anywhere.
Using the Humido Wi-Fi module and an AHT40 humidity-temperature sensor, you’ll connect your setup to V-VAC through MQTT, watch your readings appear instantly, and design your own custom dashboard with interactive widgets like gauges, charts, and thermometers.
V-VAC makes IoT simple — no complex coding or servers needed. You just connect, configure, and start watching your environment come alive online. Whether you’re an electronics hobbyist or a student exploring IoT cloud platforms, this project gives you a clear, hands-on way to understand how smart data visualization really works.
Supplies
Hardware Components
- Humido Wi-Fi (VOLKKOMMEN®)
- Humidity sensor.(AHT40 Temperature and Humidity Sensor)
- 5V, 1A DC Power Adapter (for Humido Wi-Fi)
- Laptop / PC for configuration
- Wi-Fi Router / Access Point
- Screwdriver and wire stripper for connections
- Connecting wires
Software Components
- Web Browser (Google Chrome / Edge)
- Wi-Fi Access Credentials (SSID and Password)
- Network Analyzer Tool (to find the device — IP optional)
IoT Hardware Setup for Humido Wi-Fi Sensor
Power off both devices before wiring.
LED Status Indications
- White: Booting
- Cyan fading: Scanning Wi-Fi
- Green: Wi-Fi connected
- Purple: On-Demand
Create IoT Dashboard on V-VAC Platform
You can display and analyze this data using the VOLKKOMMEN V-VAC Platform: V-VAC
Steps to Connect V-VAC :
- Log in to your V-VAC account. (Create a new account if not signed up already.)
- In the Devices section add a new device.
- Select common device and enter the details of the device.
- Copy the Device Token and paste it in the MQTT section of the Humido Wi-Fi Web Interface.
For further details check out (How to connect to V-VAC).
Wi-Fi Configuration for IoT Device
Enter Configuration Mode.
- Press the Config button on the Humido Wi-Fi device.
- The Status LED will turn purple, indicating that the device is now in configuration mode.
Connect to the Humido Wi-Fi Network.
- On your laptop or smartphone, open the list of available Wi-Fi networks.
- Select:
SSID: Humido Wi-Fi (Your_Device_Name)
- When prompted for a password, enter:
Password: 12345678
- Once connected, keep this network active — it will allow access to the configuration interface.
Open the Configuration Page.
- Open a web browser (Google Chrome or Edge recommended).
- In the address bar, type:
192.168.4.1
- Press Enter — the Main Menu Page will open.
- Click on “Configure Wi-Fi” to proceed to the network settings screen.
Add Your Wi-Fi Details
- In the Wi-Fi Settings page, enter your router details:
- SSID :Your_WiFi_Name
- Password :Your_WiFi_Password
- Click Save Settings.
- The device will automatically restart and connect to your Wi-Fi network.
💡 Tip: Once it reconnects, the Status LED will change from blue (not connected) to green (connected).
Find the Device IP Address
- Open your Wi-Fi router’s connected device list or use a network scanner app (like Fing or Advanced IP Scanner).
- Locate Humido Wi-Fi in the device list — note down its IP address.
- Use this IP to access the Humido Wi-Fi web interface for further configuration.
MQTT Setup for IoT Temperature and Humidity Data
Access the Humido Wi-Fi Web Interface.
- Open a web browser and enter the IP address you found in Step 3.
- The login page will appear.
- Enter the default credentials:
Username: User@volk.com
Password: Pass@123
- Click Login to access the main dashboard.
Open the Setup Menu.
- Once logged in, you’ll see the Main Menu.
- Click on the “Setup” option.
- This will open the Cloud Settings Page.
Configure MQTT Parameters.
Fill in the following details according to your cloud or broker settings:
Parameter : Value
Server : data.volkkommen.com
Port : 1883
Username :from V-VAC platform (Devices → Setup)
Password :from V-VAC platform (Devices → Setup)
Topic :from V-VAC platform (Devices → Setup)
example → Topic : f898f4a51628f4eb replace it with Device tokenfrom V-VAC platform (Devices).
data-1 : Required interval to send data
Min. relative change in (%) : specifies the minimum percentage change in value required to trigger instant polling.
Min. absolute change in value : defines the minimum change in value needed to initiate instant polling.
Device Name : can be modified for easier identification.
Note : The device name should be less than 15 characters and avoid using spaces between characters
Save and Apply Settings
- Review all fields carefully.
- Click “Save” to apply the settings.
- Once successful, you’ll see green LED indicating an active Wi-Fi and MQTT connection.
Real-Time IoT Temperature Visualization on V-VAC
- In Dashboard section you can configure widgets for your required data.
- Click “Create Dashboard”.
- Give your dashboard a name (e.g., Smart Sensor Dashboard).
- Click the 3rd icon in the dashboard to open the dashboard.
- Inside the dashboard editor, click “Edit” and click "Add Widget" to add new widgets.
- In the selection menu choose any widget based on your data visualization needs.
For example:
Card: For displaying single-value metrics
Line Chart: For continuous data
Bar Graph: For comparing sensor readings
Geo Map: For displaying the location of the device.
Thermometer: For displaying the range of the data.
Radial Bar: For displaying the data.
- Link each widget to a device telemetry key (the data your device sends).
- After customizing your widget, click the Show on Dashboard button to display it on the dashboard.
- To save your changes, click the Save button at the top-right corner of the dashboard.
- You’ll now see live charts and readings updating automatically.
For more IoT projects and tutorials, visit the official V-VAC Platform - V-VAC.