Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scatter Plot

Public visualization

Viewing a saved revision (read-only)

90117cc2f79049d9a3d5650c4153bfb7

Stylized Scatter Plot

0 stars3🌍 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