> ## Documentation Index
> Fetch the complete documentation index at: https://bytebeam.io/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Panels in Dashboards

## Overview

Panels are the building blocks of dashboards, allowing users to visualize specific data streams in various formats, such as line charts, last value displays, time series graphs, or device locators.

Each panel is customizable and represents a focused view of a particular metric, enabling users to track real-time or historical data effectively.

## Panel Operations

![](https://usercontent.clueso.io/1f4455e0-789e-4beb-8cd9-4dac96bc47e4/82e0f96e-b5b9-4539-a75f-2850d6826d6c/11c16c61-c4b0-470d-b4f6-e00725ce5d83/images/ef1ffabb-dee3-4907-aab4-ae45b13c8d5f.gif)

Following operations can be performed on panels:

**Adding a Panel:**

Adds the selected panel from the list of panels with the chosen details like stream, column etc.

**How to use:** Click the **+ Panel** option, choose a panel from the list, fill in the required details, and submit.

**Viewing a Panel in Full Page:**

Opens the selected panel in a full page, providing a focused view of its data and functionality.

**How to use:** Hover over the panel and click the **View Full Page** icon.

**Viewing a Panel in Full Screen:**

Expands the panel to fill the entire screen, ideal for presentations or detailed analysis without distractions.

**How to use:** Hover over the panel and click the **View Full Screen** icon.

**Editing a Panel:**

Allows customization of panel settings such as changing the stream, changing the view settings etc. to meet specific requirements.

**How to use:** Hover over the panel and click the **Edit** icon.

**Cloning a Panel:**

Creates a duplicate of the panel, enabling users to reuse its configuration in the same dashboard.

**How to use:** Hover over the panel and click the **Clone** icon.

**Deleting a Panel:**

Removes the panel from the dashboard when it is no longer needed, helping to keep the layout organized.

**How to use:** Hover over the panel and click the **Delete** icon.

**Downloading Panel Data:**

Exports the data displayed in the panel for offline analysis or sharing in formats such as CSV or XLSX.

**How to use:** Hover over the panel and click the **Download** icon.

<Note>The download option is available only for specific panels such as **Line Chart**, **Timeseries Table** and **Logs** panels.</Note>

## Panels

Following are the available panels in Bytebeam dashboard:

<CardGroup cols={2}>
  <Card title="Line Chart" icon="chart-line" href="/platform-guide/dashboards/panels/line-charts">
    Visualize trends over time with line charts to monitor metrics like sensor readings, performance, or usage statistics for your devices or fleet.
  </Card>

  <Card title="Last Value" icon="calculator" href="/platform-guide/dashboards/panels/last-value">
    Display the most recent data point from a selected field to track real-time updates for key metrics.
  </Card>

  <Card title="Gauge Chart" icon="gauge" href="/platform-guide/dashboards/panels/gauge-chart">
    Use gauge charts to represent single data points visually, such as battery levels or system health, with customizable thresholds.
  </Card>

  <Card title="State Timeline" icon="timeline" href="/platform-guide/dashboards/panels/state-timeline">
    Monitor the state changes of devices over time with a clear visual timeline, ideal for tracking operational modes or device behavior.
  </Card>

  <Card title="LED" icon="lightbulb" href="/platform-guide/dashboards/panels/led-panel">
    Indicate active or inactive states for devices or components with LED-style panels for quick visual feedback.
  </Card>

  <Card title="Aggregate Value" icon="calculator" href="/platform-guide/dashboards/panels/aggregate-value">
    Display aggregated values like sum, average, or count to summarize key metrics across devices or data streams.
  </Card>

  <Card title="Locate Devices" icon="map-pin" href="/platform-guide/dashboards/panels/locate-device">
    Pinpoint the location of devices on a map and navigate directly to their dashboards for more details.
  </Card>

  <Card title="Track Devices" icon="route" href="/platform-guide/dashboards/panels/track-devices">
    Track the movement of devices over time and visualize their paths on a map for better logistics and monitoring.
  </Card>

  <Card title="Timeseries Table" icon="table" href="/platform-guide/dashboards/panels/timeseries-table">
    View detailed data in a tabular format, with filtering and sorting options for precise analysis.
  </Card>

  <Card title="Histogram" icon="grid" href="/platform-guide/dashboards/panels/histogram-panel">
    Visualize the distribution of values across a range using histograms for insightful data analysis.
  </Card>

  <Card title="Logs" icon="terminal" href="/platform-guide/dashboards/panels/logs-panel">
    Monitor and filter real-time or historical logs for troubleshooting and system monitoring.
  </Card>

  <Card title="Static Text" icon="text" href="/platform-guide/dashboards/panels/static-text">
    Highlight important information or add contextual details with static text panels.
  </Card>

  <Card title="Bar Chart" icon="building" href="/platform-guide/dashboards/panels/bar-chart">
    Represent categorical data visually with bar charts for easy comparison and analysis.
  </Card>

  <Card title="Alerts" icon="bell" href="/platform-guide/dashboards/panels/alerts">
    Track and visualize triggered alerts, group them, and add aggregates for detailed monitoring.
  </Card>

  <Card title="Sessions" icon="clock" href="/platform-guide/dashboards/panels/sessions">
    Visualize and analyze session-based data to monitor user activity or device interactions over time.
  </Card>

  <Card title="Iframe Panel" icon="window" href="/platform-guide/dashboards/panels/iframe">
    Embed external dashboards or resources directly into your Bytebeam dashboard for seamless integration.
  </Card>

  <Card title="Stream Status" icon="signal" href="/platform-guide/dashboards/panels/stream-status">
    Monitor the activity of data streams across devices in real-time with visual status indicators.
  </Card>

  <Card title="Device Pulse" icon="circle" href="/platform-guide/dashboards/panels/device-pulse">
    Monitor the health of devices by visualizing their last heartbeat and categorize devices by thresholds.
  </Card>
</CardGroup>
