This example displays a scatter plot of the Palmer Penguins dataset, using flipper length on the x-axis, body mass on the y-axis, and coloring each circle by species (blue for Gentoo, green for Chinstrap, brown for Adelie). It also encodes culmen length and depth as additional attributes on the circles, though the radius is fixed. The code loads CSV data via the Fetch API with `d3.csv`, scales positions with `d3.scaleLinear`, and renders SVG circles using `d3.select` and `.join`. Axes are drawn with `d3.axisLeft` and `d3.axisBottom` in a React-free HTML page.