This example renders a simple scatterplot with categorical y-axis labels and a quantitative x-axis, using React components to generate SVG ticks and lines. The `AxisBottom` component maps over scale ticks to draw vertical grid lines and formatted labels, while `AxisLeft` positions text labels at band centers. It imports `select` from D3 v5 to update the DOM, and the chart assumes data bound to the scales passed as props. The visualization demonstrates modular axis construction with reusable ES6 components.