This example shows a simple smiley face drawn as raw SVG shapes on an HTML page, layered atop a React application that renders a “Hello JSX” heading. The face consists of a yellow circle for the head and two smaller unfilled circles for eyes, all styled with black strokes. The page loads React 16.7.0 and ReactDOM from a CDN, while the SVG markup appears directly in the HTML body. The React component in index.js uses `ReactDOM.render` to connect to the root element, though it does not generate the SVG itself.