This scatter plot maps Hogwarts house names to numeric hobby values, showing the distribution of hobby associations across Gryffindor, Hufflepuff, Slytherin, and Ravenclaw. The visualization uses an SVG rendered through React, with D3 v6’s `scalePoint` for the categorical x-axis and `scaleLinear` for the y-axis. Circles represent individual data points, positioned via `x()` and `y()` scale functions. Axis labels and a title are added using SVG text elements, while the chart is styled with CSS for a light blue background and tomato-red dots.