# Visualization | Beautiful IoT Dashboards & Widgets | TagoIO

> Build and deploy stunning IoT dashboards with TagoIO. Dials, maps, charts, forms, and custom widgets for mobile, tablet, and desktop.

Visualization

One dashboard, every face it needs

One board can be the operations view, the control panel your crew writes back from, or a single window on an entire fleet, and it carries your brand, not ours.

## Every part of this board is a setting

None of it is a fixed skin. Move a widget, change what it reads, pick a different accent, a tighter grid, a rounder corner or another photograph behind it, and the readings keep arriving the whole time.

### Widgets

Pick what each slot holds, and move it anywhere on the canvas.

### Brand and color

One accent paints every chart, dial and control on the board.

### Density and corners

Set how tightly cards sit and how much weight their edges carry.

### The frame behind the grid

Put a photograph under the widgets and let the cards frost over it.

## Four kinds of dashboard, one canvas

Every dashboard starts by choosing what kind it is. All four share the same widgets and the same access rules; what changes is where the data comes from and who builds the layout.

### Normal dashboard

Drop widgets on the canvas and bind each one to the devices you picked. Resize, rearrange, set the time range, and the board is done. It is what most solutions run on, and the one every other type is measured against.

### Blueprint dashboard

Build the layout once and bind its widgets to slots instead of devices. Two selectors at the top of the board pick the site and the pump, and the same layout reloads against another site, another machine, another customer. One dashboard then serves an entire fleet.

### Custom dashboard

Upload an HTML page and it becomes the whole canvas. Your markup, your libraries, your own app instead of a grid of cards, still reading TagoIO data over the platform's own message channel and still behind the same access rules.

### AI dashboard

Describe the board you want and TagoAI builds it: widgets chosen, devices bound, layout set. It reads your devices and their data to pick what matters, and shows each step as it works. The result lands as a normal dashboard you can rearrange, rebind, or extend like any other.

## Every widget, one library

All thirteen widget types TagoIO draws, on the same grid and theme, reading from the same devices, so a board reads as one thing rather than a wall of charts.

### Readings

- **Display**: One reading, large, with its band and a sparkline under it.
- **Card**: A count or a state with an icon, for the number that needs no chart.
- **Angular**: A half-circle needle over a scale, for anything with a safe band.
- **Solid**: A ring filled to a percentage, with the target beside it.

### Trends

- **Area**: A series over time, filled under the line, with axes and a legend.
- **Vertical Column**: Totals side by side, for comparing places or intervals.
- **Horizontal Bar**: The same comparison when the labels are names rather than dates.

### Tables and lists

- **Dynamic Table**: Devices in rows, each with its id, its last value and its state.
- **Device List**: Your devices by name, each with how long since it last reported.

### Controls

- **Input Control**: A toggle that writes back to the device and shows what it did.
- **Input Form**: Labelled fields and a submit, for sending settings to a device.

### Place and media

- **Map**: Assets at their coordinates, coloured by state, over your own network.
- **Image**: A photograph with live readings pinned to points you choose.

## What a dashboard carries beyond its widgets

Access rules, data that arrives on its own, labels in the reader's language, a widget that can leave the platform without leaving your account, and the two places a page of your own runs on a board.

### Access management

Decide who reads what. A policy allows or denies a resource by tag, path or ID, and the rules follow the reader onto the mobile app and into TagoRUN.

### Data as it arrives

Widgets redraw when the device reports, with no refresh and no export step. The stamp beside a reading says how old it is, so nobody has to guess.

### Multi-language dictionary

Widget titles, labels and messages come from a dictionary instead of the layout. One dashboard reads in English for one user and in Portuguese for the next.

### Embedded widget

Generate an iframe snippet from any widget and paste it into your own site or portal. The data stays live and the dashboard stays where it is.

### Custom widget

The editor asks for one thing: the URL of a page you host. TagoIO renders it inside a widget frame on an ordinary board, beside the ordinary widgets, and hands it the dashboard's data.

### Custom dashboard

Upload an HTML file and it becomes the whole canvas. No widget grid, no layout to fit into, and the same data channel every other board reads from.

## Your IoT Solution Ready for Mobile and Tablet

People reading your data are rarely at a desk. Every board in the account opens on a tablet or a phone, widgets restacked to fit the screen, with the readings and the access rules it already had.

## The dashboards are yours to sign

Move the seam and the board underneath does not change: same widgets, same layout, same readings. What changes is the logo, the colors, the sign-in page and the domain the whole thing answers on.

## Start from a dashboard somebody already built

Every template is a working dashboard with its widgets laid out and bound to data. Install one, point it at your devices, and edit anything on it.

## Dashboard questions

### What kinds of widget can I put on a dashboard?

Readings, dials, rings, line and bar charts, maps, tables, lists, switches, input forms and pinned photographs. They all share the same grid, the same theme and the same data source, so a board reads as one screen rather than a wall of charts.

### What is a Blueprint dashboard?

A dashboard whose widgets are bound to slots instead of to a fixed device. A selector at the top of the board picks which device fills each slot, so one layout serves an entire fleet and adding the hundredth device costs nothing but a tag.

### Can I use my own code on a dashboard?

Yes, in two ways. A custom widget renders a page you host inside a widget frame beside the ordinary widgets and receives the dashboard's data. A custom dashboard replaces the whole canvas with your own HTML, still reading TagoIO data over the platform's message channel.

### Can end users open dashboards on a phone?

Yes. Dashboards reflow for a handset, and the free TagoIO app for iOS and Android opens the same boards under the same access rules. On a TagoRUN portal your users sign in to the app carrying your brand instead.

### Can I put my own brand on the dashboards?

Yes. A TagoRUN portal takes your logo, favicon, colors and email templates, and with the custom domain add-on it runs on your own domain. The dashboards inside it are the ones you built, wearing your brand rather than ours.

[llms.txt](https://tago.io/llms.txt)
