A scatter plot displays diamond price in US dollars on the x-axis against carat weight on the y-axis, with each dot colored by clarity grade and revealing a tooltip on hover. Built with D3 v7, the SVG chart uses `d3.scaleOrdinal` with `d3.schemeTableau10` for categorical clarity colors, `d3.axisBottom` and `d3.axisLeft` for labeled axes, and rendered grid lines. The visualization relies on a small hardcoded sample dataset of ten diamonds, with interactive hover states increasing dot radius and opacity.