🌍 Public
Viewing a saved revision (read-only)
958e60ccf1bb4105b8ea19a43fd4ba7a
Rendering Data with React & D3 - Stylied scatter plot
Kkeitheade
Last edited Nov 4, 2021
Created on Nov 4, 2021
This scatter plot displays the Iris dataset, plotting sepal length against sepal width for individual flower samples. The visualization uses React components to structure the SVG rendering, with D3.js v7 handling the linear scaling, axis tick generation, and data loading via the `d3.csv` function. Custom React components for the axes and data marks demonstrate a hybrid approach, where D3's `scaleLinear` and `extent` functions compute the chart geometry while React's JSX syntax defines the SVG output, including styled tick marks and circles with hover tooltips.
AI-generated descriptionReact Starter code.