This interactive scatter plot visualizes the relationship between movie budgets and box office revenues, with points colored by genre. The visualization is built with D3.js v6 and uses a reusable scatterPlot function with configurable margins, scales, and labels. It employs d3.scaleLinear for axes, d3.scaleOrdinal with d3.schemeCategory10 for genre colors, and d3.axisBottom/axisLeft for ticks. Hovering over a circle triggers a tooltip that reveals the movie title, genre, budget, and revenue values.