This example demonstrates basic SVG chart construction by combining styled rectangles as bar elements with a single black path used as a pseudo graph line. The visualization shows a simple categorical bar chart with four bars of varying heights, each filled with a dark red color and outlined with a thick stroke. A second SVG element displays a small horizontal bar legend with four color-coded segments labeled A through D. The code uses raw SVG elements—`rect`, `path`, and `text`—with CSS classes and inline attributes, along with Google Fonts for typography, to create the layout without any JavaScript libraries.