# Create Scatter plot ### Overview Scatter plots show relationships between two numerical variables by plotting points on an x/y plane. They reveal correlations, clusters, and outliers. ### When to use it * Exploring correlation between metrics (e.g., conversion rate vs. spend). * Highlighting clusters in product usage or customer segments. * Spotting outliers that merit discussion. Avoid scatter plots when categories are categorical or when you only have one metric—line or bar charts will be clearer. ### Data requirements * Each point needs an x-value and y-value. * Use label or category per point for legends. ### Style options available | Group | Control | Input type | Options | Description | | ---------------------- | ----------------------- | ---------- | -------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | | Colors | Color palette | palette | — | Palette applied to series; sets the default colours for the chart. | | General → Scatter plot | Radius of dots | number | — | Radius of markers drawn on the line chart in pixels. | | General → Data labels | Show data labels | boolean | — | Shows numeric labels directly on data points. | | General → Data labels | Allow labels to overlap | boolean | — | Allows labels to render even if they collide instead of hiding them automatically. | | General → Data labels | Font name | text | — | Font family used for titles, labels, or legend text. | | General → Data labels | Font style | text | — | Font weight or style (e.g., bold, italic). | | General → Data labels | Font size | number | — | Font size in pixels for the selected text element. | | General → Data labels | Font color | color | — | Colour of the text shown for this element. | | Axes → X Axis | Show X Axis | boolean | — | Shows or hides the X axis line, ticks, and labels. | | Axes → X Axis | Base line width | number | — | Thickness of the axis baseline line in pixels. | | Axes → X Axis | Grid line width | number | — | Thickness of gridlines in pixels. | | Axes → X Axis | Base line color | color | — | Colour of the axis baseline line. | | Axes → X Axis | Grid line color | color | — | Colour for gridlines drawn across the chart background. | | Axes → X Axis | Grid line style | select | Solid, ShortDash, ShortDot, ShortDashDot, ShortDashDotDot, Dot, Dash, LongDash, DashDot, LongDashDot, LongDashDotDot | Line pattern used for gridlines (solid, dashed, dotted, etc.). | | Axes → X Axis | Tick width | number | — | Thickness of tick marks in pixels. | | Axes → X Axis | Tick length | number | — | Length of the tick marks in pixels. | | Axes → X Axis | Tick color | color | — | Colour of the axis tick marks. | | Axes → X Axis | Type | select | linear, logarithmic | Sets the horizontal axis scale (category, numeric, logarithmic, or datetime). | | Axes → X Axis | Opposite side | boolean | — | Positions the axis on the opposite side of the chart (top/right). | | Axes → X Axis | Margin for title | number | — | Space between the axis title and the axis labels/ticks. | | Axes → Y Axis | Show Y Axis | boolean | — | Shows or hides the Y axis line, ticks, and labels. | | Axes → Y Axis | Base line width | number | — | Thickness of the axis baseline line in pixels. | | Axes → Y Axis | Grid line width | number | — | Thickness of gridlines in pixels. | | Axes → Y Axis | Base line color | color | — | Colour of the axis baseline line. | | Axes → Y Axis | Grid line color | color | — | Colour for gridlines drawn across the chart background. | | Axes → Y Axis | Grid line style | select | Solid, ShortDash, ShortDot, ShortDashDot, ShortDashDotDot, Dot, Dash, LongDash, DashDot, LongDashDot, LongDashDotDot | Line pattern used for gridlines (solid, dashed, dotted, etc.). | | Axes → Y Axis | Tick width | number | — | Thickness of tick marks in pixels. | | Axes → Y Axis | Tick length | number | — | Length of the tick marks in pixels. | | Axes → Y Axis | Tick color | color | — | Colour of the axis tick marks. | | Axes → Y Axis | Labels alignment | select | left, center, right | Horizontal alignment of axis labels relative to the tick mark. | | Axes → Y Axis | X offset | number | — | Horizontal offset applied to axis labels. | | Axes → Y Axis | Y offset | number | — | Vertical offset applied to axis labels. | | Axes → Y Axis | Type | select | linear, logarithmic | Sets the vertical axis scale (category, numeric, logarithmic, or datetime). | | Axes → Y Axis | Opposite side | boolean | — | Positions the axis on the opposite side of the chart (top/right). | | Axes → Y Axis | Margin for title | number | — | Space between the axis title and the axis labels/ticks. | | Axes → Common | Font name | text | — | Font family used for titles, labels, or legend text. | | Axes → Common | Font style | text | — | Font weight or style (e.g., bold, italic). | | Axes → Common | Font size | number | — | Font size in pixels for the selected text element. | | Axes → Common | Font color | color | — | Colour of the text shown for this element. | | Axes → Axes titles | Font name | text | — | Font family used for titles, labels, or legend text. | | Axes → Axes titles | Font style | text | — | Font weight or style (e.g., bold, italic). | | Axes → Axes titles | Font size | number | — | Font size in pixels for the selected text element. | | Axes → Axes titles | Font color | color | — | Colour of the text shown for this element. | | Axes → Axes titles | X Axis margin | number | — | Extra padding around the X axis labels for titles. | | Axes → Axes titles | Y Axis margin | number | — | Extra padding around the Y axis labels for titles. | | Legend → Main | Show legend | boolean | — | Shows or hides the legend box. | | Legend → Main | Horizontal align | select | left, center, right | Horizontal alignment for the legend box (left, centre, right). | | Legend → Main | Vertical align | select | top, middle, bottom | Vertical alignment for the legend box (top, middle, bottom). | | Legend → Main | Layout | select | horizontal, vertical, proximate | Orientation of the legend items (horizontal row, vertical column, or proximate). | | Legend → Additional | Margin for legend | number | — | Outer margin around the legend box. | | Legend → Additional | Margin top for items | number | — | Top padding inside the legend between items. | | Legend → Additional | Margin bottom for items | number | — | Bottom padding inside the legend between items. | | Legend → Additional | Distance between items | number | — | Horizontal spacing between legend entries. | | Legend → Style | Font name | text | — | Font family used for titles, labels, or legend text. | | Legend → Style | Font style | text | — | Font weight or style (e.g., bold, italic). | | Legend → Style | Font size | number | — | Font size in pixels for the selected text element. | | Legend → Style | Font color | color | — | Colour of the text shown for this element. | | Title → Chart title | Font name | text | — | Font family used for titles, labels, or legend text. | | Title → Chart title | Font style | text | — | Font weight or style (e.g., bold, italic). | | Title → Chart title | Font size | number | — | Font size in pixels for the selected text element. | | Title → Chart title | Font color | color | — | Colour of the text shown for this element. | | Title → Chart title | Margin bottom | number | — | Extra space below chart titles or subtitles in pixels. | | Title → Chart subtitle | Font name | text | — | Font family used for titles, labels, or legend text. | | Title → Chart subtitle | Font style | text | — | Font weight or style (e.g., bold, italic). | | Title → Chart subtitle | Font size | number | — | Font size in pixels for the selected text element. | | Title → Chart subtitle | Font color | color | — | Colour of the text shown for this element. | ### Have problems or want to improve this chart type? Ping us via . --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://help.chartplugin.com/how-to-create-your-first-chart/create-scatter-plot.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.