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

# Home UI

> Reference for the Honeycomb Home page, including the Traces, Logs, and Explore Data views and how each displays your telemetry data.

export const HnyIcon = ({alias, path, size = 16, iconColor}) => {
  const iconMap = {
    "home": "house.svg",
    "marker": "caretFilledDown.svg",
    "show-marker-options": "chatTextLeft.svg",
    "download": "arrowLineDown.svg",
    "trace-waterfall": "trace.svg",
    "show-query-details": "listDashes.svg",
    "table": "table.svg",
    "log-lines": "logLines.svg",
    "chart": "chartLine.svg",
    "show-settings": "gear.svg",
    "add": "plus.svg",
    "remove": "delete.svg",
    "persist": "caretDown.svg",
    "close": "close.svg",
    "copy": "copy.svg",
    "zoom-in": "magnifyingGlassPlus.svg",
    "zoom-out": "magnifyingGlassMinus.svg",
    "color-assignment": "drop.svg",
    "drag": "dots-six-vertical.svg",
    "drawer": "drawer.svg",
    "show-actions": "dotsThree.svg",
    "edit": "pencil.svg",
    "delete": "trash.svg",
    "move": "arrowsOutCardinal.svg",
    "show-legend": "circleInfo.svg",
    "usage-ok": "usageGood.svg",
    "usage-warning": "usageWarning.svg",
    "usage-danger": "usageDanger.svg",
    "open-query-builder": "query.svg",
    "home-menu": "house.svg",
    "query-menu": "query.svg",
    "boards-menu": "board.svg",
    "triggers-menu": "bell.svg",
    "slos-menu": "handshake.svg",
    "service-map-menu": "serviceMap.svg",
    "history-menu": "clockCounterClockwise.svg",
    "manage-data-menu": "cube.svg",
    "usage-menu": "usageGood.svg",
    "show-details": "dotsThreeVertical.svg",
    "resize-handle": "board-panel-resize-handle.png",
    "standard-dataset": "cube.svg",
    "trace-dataset": "cubeChat.svg",
    "all-datasets": "linkedSquares.svg",
    "share": "arrowBentRight.svg",
    "run-in-query-builder": "arrowSquareUpRight.svg",
    "link": "link.svg",
    "text": "text.svg",
    "receive": "arrowLineDown.svg",
    "process": "lightning.svg",
    "sample": "drop.svg",
    "send": "arrowLineUp.svg",
    "submit": "arrowUp.svg",
    "canvas-menu": "sparkle.svg",
    "canvas": "sparkle.svg",
    "private": "lockKey.svg",
    "shared": "people.svg",
    "expand": "caretDown.svg",
    "previous": "caretLeft.svg",
    "next": "caretRight.svg"
  };
  const iconBasePath = "/_assets/icons/";
  const iconPath = path || (alias ? `${iconBasePath}${iconMap[alias]}` : undefined);
  return <span className="hny-icon" style={{
    display: "inline-block",
    width: `${size}px`,
    height: `${size}px`,
    maskImage: `url(${iconPath})`,
    maskSize: "contain",
    maskRepeat: "no-repeat",
    maskPosition: "center",
    WebkitMaskImage: `url(${iconPath})`,
    WebkitMaskSize: "contain",
    WebkitMaskRepeat: "no-repeat",
    WebkitMaskPosition: "center",
    backgroundColor: iconColor || "var(--hny-icon-color)",
    verticalAlign: "middle"
  }} />;
};

Home displays multiple views:

* **Traces**: Populated for tracing datasets.
* **Logs**: Populated for log datasets.
* **Explore Data**: Populated for all datasets.

## Traces View

The **Traces** view contains data visualizations that can help you explore data for tracing datasets.
To learn more about what makes a dataset a tracing dataset, visit [Common Issues with Visualization](/troubleshoot/common-issues/visualization/#traces-view-is-empty).

### Visualizations

The **Traces** view contains the following data visualizations for the selected time range:

* **Total Traces**: Total number of distinct traces or requests that have been sent.
* **Total Spans with Errors**: Total number of spans with errors.
* **95th Percentile Latency**: 95th-percentile latency of traces or requests that have been sent.

### Recent Traces

If you have sent traces into your dataset, the **Recent Traces** view displays the five traces with the most recent root spans for the selected service.

## Logs View

The **Logs** view contains data visualizations that can help you explore data for log datasets.
To learn more about what makes a dataset a log dataset, visit [Common Issues with Visualization](/troubleshoot/common-issues/visualization/#logs-view-is-empty).

### Visualizations

The **Logs** view contains the following data visualizations for the selected time range:

* **Total Logs:**
  Displays the total number of logs received within the selected time range.

* **Total Errors:**
  Displays the total number of logs that contain `error` or `fatal` severities within the selected time range.

* **Total Warnings:**
  Displays the total number of logs with `warn` severities within the selected time range.

* **Logs by Severity:**
  Displays the percent of logs by severity levels within the selected time range.
  Only standard severities, which include `fatal`, `error`, `warn`, `info`, `trace`, `debug`, and `unspecified`, are distinctly represented.
  Other, non-standard severities are bucketed into an `Other` group.

  <Tip>
    For more insights using BubbleUp, [parse your severities into Honeycomb standard severities](/send-data/standardize/transform-data/#transform-source-severities-into-honeycomb-standard-severities).
  </Tip>

* **Log Volume:**
  Displays a line graph of the log volume within the selected time range.

* **Total Events by Severity:**
  Displays the volume of logs, grouped by severity, within the selected time range.
  Select the Show table icon (<HnyIcon alias="table" />) or Show chart icon (<HnyIcon alias="chart" />) to switch between displaying this data as a table or line graph.

  <Note>
    Non-standard severities are also displayed in this chart.
  </Note>

* **Top Messages:**
  Displays the most frequently occurring log messages within the selected time range.
  Select the Show table icon (<HnyIcon alias="table" />) or Show chart icon (<HnyIcon alias="chart" />) to switch between displaying this data as a table or line graph.

* **Total Errors by Severity:**
  Displays the volume of logs where severity is `error` or `fatal`, grouped by severity, for the selected time range.
  Select the Show table icon (<HnyIcon alias="table" />) or Show chart icon (<HnyIcon alias="chart" />) to switch between displaying this data as a table or line graph.

* **Top Errors:**
  Displays the most frequently occurring errors within the selected time range.
  Select the Show table icon (<HnyIcon alias="table" />) or Show chart icon (<HnyIcon alias="chart" />) to switch between displaying this data as a table or line graph.

## Explore Data

The **Explore Data** view lets you [explore all of the events](/investigate/analyze/explore-events/) in the dataset.

## Available Tasks

* Navigate between Datasets
* Change applicable Time Range
* Access Dataset Settings
* View displayed data in Query Builder by selecting **Expand**
* Select different data fields to Group By
* Access Board Templates by selecting **Explore Templates**
* Access individual Recent Traces
* Access individual Recent Events