Skip to main content
100%

Stylized Scatter Plot

✓ Published3🌍 Public
GGayan Priyadarshana
Last edited Aug 2, 2023
Created on Aug 2, 2023

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 description

A scatter plot of the Iris Dataset

MIT Licensed

Similar vizzes