Viewing a saved revision (read-only)
90117cc2f79049d9a3d5650c4153bfb7
Stylized Scatter Plot
This stylized scatter plot visualizes the Iris Dataset, showing the relationship between sepal length and sepal width for individual iris flowers. The plot encodes each flower as a circle, with its horizontal position determined by sepal length and vertical position by sepal width, using the same data loading and rendering approach as other examples in the gallery. Built with React and D3.v5, the visualization uses `d3.csv` to load remote data, `d3.scaleLinear` for axis scaling, and renders axes and circle marks as SVG elements. The code defines custom `AxisBottom`, `AxisLeft`, and `Marks` components to handle tick marks, labels, and data points, with styling applied through CSS classes.
AI-generated descriptionA scatter plot of the Iris Dataset