This example shows how to create both a straight line and a polyline using SVG elements within a React-driven HTML page. It uses raw SVG `<line>` and `<path>` tags, with explicit coordinates for each point and styling via the `stroke` and `stroke-width` attributes. The code demonstrates a static vector rendering approach, without any interactive or dynamic behavior, and the visualization is defined directly in the markup rather than through a charting library.