A reusable scatter plot visualizes the relationship between calorie content and price for menu items, with points colored by category. The D3.js v6 code uses `d3.select` to append an SVG, `d3.scaleLinear` for axes, and `d3.axisBottom`/`d3.axisLeft` for ticks. Data loads from a gist CSV, parsed with `d3.csv`, and colored via `d3.scaleOrdinal` with `d3.schemeCategory10`. Circle radius is fixed at 5 pixels.