This example displays a bubble chart with four circles representing groups A through D, positioned horizontally with their bottoms aligned along the lower edge of the SVG canvas. Circle size encodes the `total` value using a square root scale, while opacity reflects the same metric. The visualization uses D3 v7’s selection, data join, and scaleSqrt APIs to bind dummy data to SVG circle and text elements, with labels placed at each bubble’s center.