We are excited to present the new Image map widget In Arduino Cloud! This powerful characteristic allows you to overlap live data in an image, creating interactive and highly visual panels. If you are handling a Factory factory, office space or industrial equipmentThis widget gives life to your data in a completely new way.
In case you wonder how to use it, we have gathered some examples using some of our existing panels to help you understand how this feature can facilitate your data.
1. Create an interactive office plant plan
Do you need a better way to monitor different areas of your office, home or factory? With the widget of the image map, you can load a plant and place real -time data points directly in it.
Example of an office map with real -time data
In our Arduino offices in Turin, we trust Arduino cloud and Giga screens To keep our organized and accessible meetings rooms. A few months ago, we shared a blog post on how our engineers developed a personalized room reserve system that is integrated with Google Calendar API.
We use a traditional Arduino Cloud board that lists all meetings rooms, which shows details such as the capacity and availability of seats (see screen capture below).
Before: a standard Arduino cloud board board that lists all meetings rooms
While it was functional, it lacked a spatial representation, which makes it difficult to obtain an immediate overview of the office design. Now, with the Widget of the image map, the board of our meeting room has become a Fully interactive floor map. Instead of scanning through a list, it can instantly See where each room is and its availability in real time. In addition, thanks to the embedded URLs, you can book a room directly from the board!
After: a smarter meeting room board: real -time availability in a glanfrowning
2. Generate a digital twin for machinery
The monitoring of industrial equipment has never been easier. Instead of manually verifying the status of the machine on the site, the Widget of the image map allows you to create a digital twin, an interactive visual representation of your machine with real -time data overlays.
Example 1: Air compressor monitoring
Before: a static board that shows pressure levels, hours of execution and use of energy in separate widgets.
After: a virtual air compressor with markers that show key data directly in an image of the machine. Now, you can quickly evaluate your health and performance without being in the place.
Example 2: Main control panel of the industry
The new image map widget is also compatible Skeuomorphic data displayWhich means that you can use real images or schemes of your physical environment, such as the design of your production lines, machinery or control panels, and overlap them with live sensor data of devices connected to Arduino.
The photo of an industrial control panel with live data markers placed at the top that provides operators with an intuitive view of what is happening on the floor.
3. Access status of production lines in an industry plan
Imagine managing a plant with multiple production lines. With the Image map widget, you can load a factory design scheme or simply a clean visual division in 5 vertical columnseach representing a assembly line (Line 1 to Line 5). For each line, you can show:
- Current phase (Development, test, optimization or completion)
- Boolean states (For example, “ready”, “necessary maintenance”, “paused”)
- Performance metrics
Live state of five industrial production lines
Why will you love the new image map widget
- Instant ideas – No more data scan lists; Look at everything at a glance.
- Customizable – Add images, set multiple values and embed links for deeper ideas.
- Exclusive To the paid plans – Unlock this premium function with the manufacturer plan and any plan for companies to take their panels to the next level.
Ready to transform your panels? Try the new Image map widget Now in App.arduino.cc and make your data more visual, interactive and processable!
Let us know how you are using it, we would love to present your project!
