This example shows a horizontal bar chart with four rectangular bars labeled A through D, where the first bar displays a CSS-specified green fill that overrides its inline red fill attribute. The SVG is rendered directly in HTML using inline `<rect>` and `<text>` elements, with Google Fonts providing the typography. The primary visualization demonstrates how CSS class styling takes precedence over presentation attributes in SVG, as the green fill from the `.first-bar` class rule overrides the `fill='red'` attribute on the first rectangle.