Stylized Scatter Plot
✓ Published3🌍 Public
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
MIT Licensed