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

> Generate dynamic audio visualization for clips in a workflow.

# Audiogram

> Generate a dynamic audio visualization for every clip that reaches this node.

The **Add Audiogram** node is an editing action for workflows that need an audio-forward visual treatment. Use it when the source audio should be represented with an audiogram overlay before the workflow exports the finished clips.

<Info>
  ### Schema

  * **Input**: Video or clips from an upstream trigger or editing node
  * **Output**: Clips with an audiogram visualization applied
</Info>

## Add the node

Open **Workflows** from the left sidebar and click **New** to open the workflow builder.

Add a trigger first, such as **Manual Trigger**. In the **Editing** stage, choose **Add Audiogram**. Overlap adds an action node to the canvas and connects it to the workflow path.

<Frame>
  <img src="https://mintcdn.com/overlap-1436d2b7/bENAm-JjxqSKGEKN/images/generated/beta-audiogram-node-settings-framed.png?fit=max&auto=format&n=bENAm-JjxqSKGEKN&q=85&s=794a838594be8851e948e20dd626eae5" alt="Add Audiogram node in the workflow builder" width="2192" height="1323" data-path="images/generated/beta-audiogram-node-settings-framed.png" />
</Frame>

## Configure the audiogram

The node summary shows **Audiogram Overlay** with the current format and styling choices. The default live builder state includes:

* **Format**: 16:9
* **Background Color**
* **Renderer**: Frontend

Use these settings when you want Overlap to turn audio-driven clips into a visual clip with an audiogram treatment.

## Build the rest of the workflow

Place **Add Audiogram** after the node that provides the clips you want to visualize. A common flow is **Manual Trigger** -> **Add Audiogram** -> **Email** or **Post to Social**.

If the workflow should find specific moments first, place [Find Clips](/nodes/findclips) before **Add Audiogram**. Add finishing nodes such as [Add Subtitles](/nodes/subtitles), [Convert to Vertical](/nodes/reframe), or [Watermarks, Outros, etc.](/nodes/branding) before the export node when the clips need additional styling.