Figma Scatter Chart

Build a scatter chart component in Figma as one set. Plot area: a square or wide frame with light gridlines, a numeric X axis with five labels and a Y axis with five labels, axis titles and an optional trend line drawn as a dashed diagonal. Points: a dot component in Small, Medium and Large sizes so volume can be shown by size, with a Category property of three colours from the chart palette and an Opacity option at 100, 70 and 40 percent for overlapping clusters, plus Default and Hover states where hover enlarges the dot and shows a tooltip with the X and Y values. Series: a Series property of one, two or three categories, each with a legend entry of a coloured dot and a name. Sizes: Small, Medium and Large chart frames. Build a bubble variant where point size encodes a third value, and a dashboard example card titled Price versus rating with two series and the trend line. Keep points as instances scattered inside an auto-layout-free plot frame so they can be positioned freely, and bind colours to the chart variables.