Dashboard Widgets

Dashboard Widgets

Widgets let you visualize your IoT data in meaningful ways. Create custom dashboards tailored to your needs.

Available Widgets

Gauge

Display a single value with visual indicator:

• Temperature gauges
• Humidity levels
• Battery percentage
• Speed indicators

Configuration:

• Min/Max values
• Warning thresholds
• Color zones

Line Chart

Show data trends over time:

• Temperature history
• Power consumption
• Multiple data series

Configuration:

• Time range
• Y-axis scale
• Multiple devices

Map

Display device locations:

• Real-time tracking
• Route history
• Geofence boundaries

Configuration:

• Map style
• Marker icons
• Trail display

Value Display

Show current values with units:

• Large number display
• Unit labels
• Trend indicators (↑↓)

Configuration:

• Value formatting
• Decimal places
• Custom units

Status Indicator

Binary or multi-state indicators:

• Door open/closed
• Machine running/stopped
• Traffic lights

Configuration:

• State colors
• Labels
• Icons

Table

Tabular data display:

• Multiple devices
• Multiple fields
• Sortable columns

Configuration:

• Columns to display
• Sort order
• Row limit

Bar Chart

Compare values across devices or time:

• Device comparison
• Daily totals
• Category breakdown

Configuration:

• Orientation
• Colors
• Labels

Adding Widgets

1. Click Edit Dashboard (pencil icon)
2. Click Add Widget
3. Select widget type
4. Configure data source
5. Customize appearance
6. Click Save

Configuring Widgets

Data Source

Select what data to display:

Device: Office Sensor
Field: temperature
Aggregation: Average
Interval: 5 minutes

Appearance

Customize the look:

• Title
• Size (1x1 to 4x2 grid units)
• Colors
• Show/hide legend

Thresholds

Add visual alerts:

Threshold	Color	Example
Normal	Green	< 30°C
Warning	Yellow	30-35°C
Critical	Red	> 35°C

Widget Layout

Grid System

Widgets snap to a grid:

• Standard: 1x1 (small)
• Wide: 2x1 (charts)
• Large: 2x2 (maps)
• Full width: 4x1 (tables)

Rearranging

1. Enter edit mode
2. Drag widgets to reposition
3. Resize by dragging corners
4. Save changes

Dashboard Templates

Start with pre-built templates:

Template	Best For
Environmental	Temperature, humidity sensors
Fleet Tracking	GPS trackers, vehicles
Industrial	Machine monitoring
Energy	Power consumption

Multi-Dashboard

Create multiple dashboards for different views:

• Overview - High-level summary
• Operations - Detailed monitoring
• Executive - Key metrics only

Switch between dashboards using the dropdown.

Sharing Dashboards

Public Link

Create a read-only public link:

1. Dashboard Settings → Sharing
2. Enable Public Link
3. Copy and share the URL

Embed

Embed in external websites:

<iframe
  src="https://siliconwit.io/embed/dash_abc123"
  width="800"
  height="600"
></iframe>

Best Practices

Design Tips

• Group related widgets together
• Use consistent color coding
• Keep important data visible without scrolling
• Use appropriate widget types for data

Performance

• Limit widgets per dashboard (recommended: < 20)
• Use appropriate time ranges
• Avoid overlapping data queries

Next Steps

• Dashboard Alerts - Set up notifications
• API Overview - Access data programmatically