Fork of Stylized Scatter Plot
This visualization is a scatter plot of the Iris Dataset, displaying petal length on the x-axis against sepal width on the y-axis. The code uses React with hooks to manage the data-loading lifecycle and renders the chart as an SVG. It leverages d3.scaleLinear for both axes and d3.extent to set the domain, with d3.csv fetching the dataset. Axis components are custom React functions that generate tick marks and labels using d3 scale ticks. Each data point is drawn as a circle with a radius of 7, and includes a native SVG title element for tooltip information. The chart is styled with the Poppins font and a teal color for marks.