# Scatter Plot

The **scatter plot** widget displays the relationship between two numerical data fields, which is useful for identifying patterns, trends, and correlations between variables. Each data point is represented by a dot or marker on the graph. The horizontal axis typically represents the independent variable, while the vertical axis represents the dependent variable.

In the **Widget option**s modal, configure the following settings:

In the **Last from text** box, select or type in the **timeframe** that you want to display data on the chart.

In the **X axis data field** drop-down, select the **data field** that you want to represent on the **X-axis**.

In the **Y axis data field** drop-down, select the **data field** that you want to represent on the **Y-axis**.

Click on the **Plot color** box and choose a color from the color picker for the **data markers**.

To add a **color** to the **background** of the widget, click on the **Background color** box and choose a **color** from the **color picker**.

Click on the **Save** button.

<figure><img src="https://2494440469-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fggsr9Xlsze5cwVr4WMof%2Fuploads%2Ftgs2qr6wtSDGSnLaAfBM%2Fscatter-plot-1.png?alt=media&#x26;token=1e566895-2593-40a1-b0a5-4046792d2e3a" alt="" width="327"><figcaption></figcaption></figure>

The resulting **scatter plot** widget looks something like this:

<figure><img src="https://2494440469-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fggsr9Xlsze5cwVr4WMof%2Fuploads%2Fq0V9Nvf4oJzEmemEoDNg%2Fscatter-plot-2.png?alt=media&#x26;token=013696ce-150a-4496-b77f-4deb6152fc1b" alt="" width="563"><figcaption></figcaption></figure>
