This scatterplot visualizes the relationship between two quantitative variables using a bubble chart, where each point’s size and color encode additional dimensions. Built with D3.js v3, it uses `d3.scale.linear` to map data values to x- and y-axes, `d3.svg.axis` for gridlines and ticks, and `d3.layout.pack` to position overlapping circles with force-based collision detection via `d3.forceSimulation`. The axes are labeled with text elements, and the chart includes a legend for size and color scales. Data is loaded from a CSV file and rendered as SVG shapes.